BogaudioModules

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

commit cf8b752cd6c4c80c77cbddaa0d316b66dbb9377c
parent b3c510149aa3c7e77c8d7248de175e66a506b3b9
Author: Matt Demanett <matt@demanett.net>
Date:   Wed,  5 Aug 2020 03:34:08 -0400

Initial dark panels, and lots of svg fixes.

Diffstat:
Ares-pp/AD-dark-pp.svg | 309+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/AD-pp.svg | 52+++++++++++++++++++++++++---------------------------
Ares-pp/ADSR-dark-pp.svg | 366+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/ADSR-pp.svg | 88+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/AMRM-dark-pp.svg | 230+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/AMRM-pp.svg | 52+++++++++++++++++++++++++---------------------------
Ares-pp/ASR-dark-pp.svg | 301+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/ASR-pp.svg | 52+++++++++++++++++++++++++---------------------------
Ares-pp/Additator-dark-pp.svg | 695+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Additator-pp.svg | 152++++++++++++++++++++++++++++++++++++++-----------------------------------------
Ares-pp/AddrSeq-dark-pp.svg | 354+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/AddrSeq-pp.svg | 50++++++++++++++++++++++++--------------------------
Ares-pp/Analyzer-dark-pp.svg | 352+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Analyzer-pp.svg | 64++++++++++++++++++++++++++++++----------------------------------
Mres-pp/AnalyzerXL-pp.svg | 26++++++++++----------------
Ares-pp/Arp-dark-pp.svg | 256+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Arp-pp.svg | 28++++++++++++----------------
Ares-pp/Assign-dark-pp.svg | 196+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Assign-pp.svg | 38++++++++++++++++++--------------------
Ares-pp/Blank3-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Blank3-pp.svg | 14++++++--------
Ares-pp/Blank6-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Blank6-pp.svg | 14++++++--------
Ares-pp/Bool-dark-pp.svg | 181+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Bool-pp.svg | 16+++++++---------
Ares-pp/CVD-dark-pp.svg | 233+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/CVD-pp.svg | 50++++++++++++++++++++++++--------------------------
Ares-pp/Clpr-dark-pp.svg | 234+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Clpr-pp.svg | 36+++++++++++++++++-------------------
Ares-pp/Cmp-dark-pp.svg | 339+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Cmp-pp.svg | 94+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/CmpDist-dark-pp.svg | 434+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/CmpDist-pp.svg | 102+++++++++++++++++++++++++++++++++++++------------------------------------------
Ares-pp/DADSRH-dark-pp.svg | 681+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/DADSRH-pp.svg | 102+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/DADSRHPlus-dark-pp.svg | 754+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/DADSRHPlus-pp.svg | 106+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/DGate-dark-pp.svg | 285+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/DGate-pp.svg | 52+++++++++++++++++++++++++---------------------------
Ares-pp/Detune-dark-pp.svg | 217+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Detune-pp.svg | 34++++++++++++++++------------------
Ares-pp/EQ-dark-pp.svg | 198+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/EQ-pp.svg | 26++++++++++++--------------
Ares-pp/EQS-dark-pp.svg | 207+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/EQS-pp.svg | 28+++++++++++++---------------
Ares-pp/Edge-dark-pp.svg | 300+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Edge-pp.svg | 62++++++++++++++++++++++++++++++--------------------------------
Ares-pp/EightFO-dark-pp.svg | 648+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/EightFO-pp.svg | 76+++++++++++++++++++++++++++++++++++++---------------------------------------
Ares-pp/EightHP-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/EightHP-pp.svg | 14++++++--------
Ares-pp/EightOne-dark-pp.svg | 311+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/EightOne-pp.svg | 20+++++++++-----------
Ares-pp/EighteenHP-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/EighteenHP-pp.svg | 14++++++--------
Ares-pp/FFB-dark-pp.svg | 556+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/FFB-pp.svg | 282+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/FMOp-dark-pp.svg | 512+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/FMOp-pp.svg | 114++++++++++++++++++++++++++++++++++++++-----------------------------------------
Ares-pp/FifteenHP-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/FifteenHP-pp.svg | 14++++++--------
Ares-pp/FiveHP-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/FiveHP-pp.svg | 18++++++++----------
Ares-pp/FlipFlop-dark-pp.svg | 193+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/FlipFlop-pp.svg | 18++++++++----------
Ares-pp/Follow-dark-pp.svg | 220+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Follow-pp.svg | 50++++++++++++++++++++++++--------------------------
Ares-pp/FourMan-dark-pp.svg | 223+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/FourMan-pp.svg | 24+++++++++++-------------
Ares-pp/Inv-dark-pp.svg | 213+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Inv-pp.svg | 20+++++++++-----------
Ares-pp/LFO-dark-pp.svg | 454+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/LFO-pp.svg | 84+++++++++++++++++++++++++++++++++++++------------------------------------------
Ares-pp/LLFO-dark-pp.svg | 318+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/LLFO-pp.svg | 46++++++++++++++++++++--------------------------
Ares-pp/LVCF-dark-pp.svg | 268+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/LVCF-pp.svg | 54+++++++++++++++++++++++++-----------------------------
Ares-pp/LVCO-dark-pp.svg | 295+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/LVCO-pp.svg | 42+++++++++++++++++++-----------------------
Ares-pp/Lag-dark-pp.svg | 233+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Lag-pp.svg | 50++++++++++++++++++++++++--------------------------
Ares-pp/Lmtr-dark-pp.svg | 234+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Lmtr-pp.svg | 36+++++++++++++++++-------------------
Ares-pp/Manual-dark-pp.svg | 191+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Manual-pp.svg | 18++++++++----------
Ares-pp/Matrix44-dark-pp.svg | 508+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Matrix44-pp.svg | 142+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/Matrix88-dark-pp.svg | 1402+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Matrix88-pp.svg | 526+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/Mix1-dark-pp.svg | 207+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Mix1-pp.svg | 16+++++++---------
Ares-pp/Mix2-dark-pp.svg | 223+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Mix2-pp.svg | 18++++++++----------
Ares-pp/Mix4-dark-pp.svg | 594+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Mix4-pp.svg | 62++++++++++++++++++++++++++------------------------------------
Ares-pp/Mix4x-dark-pp.svg | 689+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Mix4x-pp.svg | 282+++++++++++++++++++++++++++++++++----------------------------------------------
Ares-pp/Mix8-dark-pp.svg | 986+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Mix8-pp.svg | 110+++++++++++++++++++++++++++++++++----------------------------------------------
Ares-pp/Mix8x-dark-pp.svg | 1156++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Mix8x-pp.svg | 522+++++++++++++++++++++++++++++++++----------------------------------------------
Ares-pp/Mono-dark-pp.svg | 290+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Mono-pp.svg | 52+++++++++++++++++++++++++---------------------------
Ares-pp/Mult-dark-pp.svg | 207+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Mult-pp.svg | 16+++++++---------
Ares-pp/Mumix-dark-pp.svg | 233+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Mumix-pp.svg | 18++++++++----------
Ares-pp/Mute8-dark-pp.svg | 369+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Mute8-pp.svg | 20+++++++++-----------
Ares-pp/Noise-dark-pp.svg | 182+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Noise-pp.svg | 16+++++++---------
Ares-pp/Nsgt-dark-pp.svg | 237+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Nsgt-pp.svg | 28+++++++++++++---------------
Ares-pp/Offset-dark-pp.svg | 366+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Offset-pp.svg | 80+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/OneEight-dark-pp.svg | 311+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/OneEight-pp.svg | 20+++++++++-----------
Ares-pp/PEQ-dark-pp.svg | 483+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/PEQ-pp.svg | 116+++++++++++++++++++++++++++++++++++--------------------------------------------
Ares-pp/PEQ14-dark-pp.svg | 1782+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/PEQ14-pp.svg | 346++++++++++++++++++++++++++++++++++++-------------------------------------------
Ares-pp/PEQ14XF-dark-pp.svg | 278+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/PEQ14XF-pp.svg | 42++++++++++++++++++------------------------
Ares-pp/PEQ14XR-dark-pp.svg | 178+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/PEQ14XR-pp.svg | 42++++++++++++++++++------------------------
Ares-pp/PEQ14XV-dark-pp.svg | 306+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/PEQ14XV-pp.svg | 74++++++++++++++++++++++++++++++++------------------------------------------
Ares-pp/PEQ6-dark-pp.svg | 886+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/PEQ6-pp.svg | 170+++++++++++++++++++++++++++++++++++--------------------------------------------
Ares-pp/PEQ6XF-dark-pp.svg | 202+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/PEQ6XF-pp.svg | 42++++++++++++++++++------------------------
Ares-pp/Pan-dark-pp.svg | 207+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Pan-pp.svg | 32+++++++++++++++-----------------
Ares-pp/Pgmr-dark-pp.svg | 946+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Pgmr-pp.svg | 532+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/PgmrX-dark-pp.svg | 865+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/PgmrX-pp.svg | 526+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/PolyCon16-dark-pp.svg | 525+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/PolyCon16-pp.svg | 172+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/PolyCon8-dark-pp.svg | 314+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/PolyCon8-pp.svg | 114+++++++++++++++++++++++++++++++++----------------------------------------------
Ares-pp/PolyMult-dark-pp.svg | 200+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/PolyMult-pp.svg | 38++++++++++++++++++--------------------
Ares-pp/PolyOff16-dark-pp.svg | 889+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/PolyOff16-pp.svg | 424+++++++++++++++++++++++++++++++++----------------------------------------------
Ares-pp/PolyOff8-dark-pp.svg | 540+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/PolyOff8-pp.svg | 220+++++++++++++++++++++++++++++++++----------------------------------------------
Ares-pp/Pressor-dark-pp.svg | 525+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Pressor-pp.svg | 68+++++++++++++++++++++++++++++++++-----------------------------------
Ares-pp/Pulse-dark-pp.svg | 272+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Pulse-pp.svg | 58+++++++++++++++++++++++++++-------------------------------
Ares-pp/Reftone-dark-pp.svg | 277+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Reftone-pp.svg | 42+++++++++++++++++++-----------------------
Ares-pp/SampleHold-dark-pp.svg | 250+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/SampleHold-pp.svg | 16+++++++---------
Ares-pp/Shaper-dark-pp.svg | 567+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Shaper-pp.svg | 114+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/ShaperPlus-dark-pp.svg | 636+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/ShaperPlus-pp.svg | 118+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/Sine-dark-pp.svg | 249+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Sine-pp.svg | 54++++++++++++++++++++++++------------------------------
Ares-pp/SixHP-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/SixHP-pp.svg | 18++++++++----------
Ares-pp/SixteenHP-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/SixteenHP-pp.svg | 14++++++--------
Ares-pp/Slew-dark-pp.svg | 246+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Slew-pp.svg | 46++++++++++++++++++++++------------------------
Ares-pp/Stack-dark-pp.svg | 292+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Stack-pp.svg | 50++++++++++++++++++++++++--------------------------
Ares-pp/Sums-dark-pp.svg | 188+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Sums-pp.svg | 16+++++++---------
Ares-pp/Switch-dark-pp.svg | 222+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Switch-pp.svg | 16+++++++---------
Ares-pp/Switch1616-dark-pp.svg | 1793+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Switch1616-pp.svg | 146+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/Switch44-dark-pp.svg | 332+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Switch44-pp.svg | 16+++++++---------
Ares-pp/Switch88-dark-pp.svg | 699+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Switch88-pp.svg | 14++++++--------
Ares-pp/TenHP-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/TenHP-pp.svg | 14++++++--------
Ares-pp/Test-dark-pp.svg | 320+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Test-pp.svg | 70++++++++++++++++++++++++++++++++++------------------------------------
Ares-pp/Test2-dark-pp.svg | 496+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Test2-pp.svg | 126+++++++++++++++++++++++++++++++++++++++----------------------------------------
Ares-pp/TestExpanderBase-dark-pp.svg | 147+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/TestExpanderBase-pp.svg | 16+++++++---------
Ares-pp/TestExpanderExtension-dark-pp.svg | 135+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/TestExpanderExtension-pp.svg | 16+++++++---------
Ares-pp/TestVCF-dark-pp.svg | 310+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/TestVCF-pp.svg | 56+++++++++++++++++++++++++++-----------------------------
Ares-pp/ThirteenHP-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/ThirteenHP-pp.svg | 14++++++--------
Ares-pp/ThirtyHP-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/ThirtyHP-pp.svg | 14++++++--------
Ares-pp/ThreeHP-dark-pp.svg | 115+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/ThreeHP-pp.svg | 16+++++++---------
Ares-pp/TwelveHP-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/TwelveHP-pp.svg | 14++++++--------
Ares-pp/TwentyFiveHP-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/TwentyFiveHP-pp.svg | 14++++++--------
Ares-pp/TwentyHP-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/TwentyHP-pp.svg | 14++++++--------
Ares-pp/TwentyTwoHP-dark-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/TwentyTwoHP-pp.svg | 14++++++--------
Ares-pp/UMix-dark-pp.svg | 183+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/UMix-pp.svg | 16+++++++---------
Ares-pp/Unison-dark-pp.svg | 229+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Unison-pp.svg | 56+++++++++++++++++++++++++++-----------------------------
Ares-pp/VCA-dark-pp.svg | 242+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/VCA-pp.svg | 52+++++++++++++++++++++++++---------------------------
Ares-pp/VCAmp-dark-pp.svg | 198+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/VCAmp-pp.svg | 16+++++++---------
Ares-pp/VCF-dark-pp.svg | 402+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/VCF-pp.svg | 80+++++++++++++++++++++++++++++++++++++------------------------------------------
Ares-pp/VCM-dark-pp.svg | 317+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/VCM-pp.svg | 32+++++++++++++++-----------------
Ares-pp/VCO-dark-pp.svg | 454+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/VCO-pp.svg | 70+++++++++++++++++++++++++++++++++-------------------------------------
Ares-pp/VU-dark-pp.svg | 224+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/VU-pp.svg | 16+++++++---------
Ares-pp/Walk-dark-pp.svg | 229+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Walk-pp.svg | 60+++++++++++++++++++++++++++---------------------------------
Ares-pp/Walk2-dark-pp.svg | 381+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/Walk2-pp.svg | 140+++++++++++++++++++++++++++++++++----------------------------------------------
Ares-pp/XCO-dark-pp.svg | 756+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/XCO-pp.svg | 236+++++++++++++++++++++++++++++++++++--------------------------------------------
Ares-pp/XFade-dark-pp.svg | 237+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mres-pp/XFade-pp.svg | 36+++++++++++++++++-------------------
Mres-src/ADSR-src.svg | 18+++++++++---------
Mres-src/AMRM-src.svg | 36++++++++++++++++++------------------
Mres-src/Additator-src.svg | 10+++++-----
Mres-src/AddrSeq-src.svg | 34+++++++++++++++++-----------------
Mres-src/Analyzer-src.svg | 48++++++++++++++++++++++--------------------------
Mres-src/AnalyzerXL-src.svg | 10++--------
Mres-src/CVD-src.svg | 16++++++++--------
Mres-src/Cmp-src.svg | 60++++++++++++++++++++++++++++++------------------------------
Mres-src/CmpDist-src.svg | 48++++++++++++++++++++++++------------------------
Mres-src/DADSRHPlus-src.svg | 4++--
Mres-src/Detune-src.svg | 18+++++++++---------
Mres-src/EQ-src.svg | 10+++++-----
Mres-src/EQS-src.svg | 10+++++-----
Mres-src/Edge-src.svg | 52++++++++++++++++++++++++++--------------------------
Mres-src/EightFO-src.svg | 12++++++------
Mres-src/EightOne-src.svg | 2+-
Mres-src/FMOp-src.svg | 16++++++++--------
Mres-src/FlipFlop-src.svg | 2+-
Mres-src/Follow-src.svg | 36++++++++++++++++++------------------
Mres-src/FourMan-src.svg | 8++++----
Mres-src/Inv-src.svg | 4++--
Mres-src/LFO-src.svg | 12++++++------
Mres-src/LLFO-src.svg | 6+++---
Mres-src/LVCF-src.svg | 26+++++++++++++-------------
Mres-src/LVCO-src.svg | 14+++++++-------
Mres-src/Lag-src.svg | 16++++++++--------
Mres-src/Manual-src.svg | 2+-
Mres-src/Mix4x-src.svg | 8++++----
Mres-src/Mix8x-src.svg | 8++++----
Mres-src/Mumix-src.svg | 20++++++++++----------
Mres-src/Mute8-src.svg | 6+++---
Mres-src/Offset-src.svg | 78+++++++++++++++++++++++++++++++++++++++---------------------------------------
Mres-src/OneEight-src.svg | 2+-
Mres-src/PEQ-src.svg | 30+++++++++++++++---------------
Mres-src/PEQ14XF-src.svg | 2+-
Mres-src/PEQ14XV-src.svg | 8++++----
Mres-src/PEQ6XF-src.svg | 2+-
Mres-src/Pan-src.svg | 16++++++++--------
Mres-src/Pgmr-src.svg | 6+++---
Mres-src/PolyCon16-src.svg | 4++--
Mres-src/PolyCon8-src.svg | 2+-
Mres-src/PolyOff16-src.svg | 4++--
Mres-src/PolyOff8-src.svg | 4++--
Mres-src/Pressor-src.svg | 54+++++++++++++++++++++++++++---------------------------
Mres-src/Pulse-src.svg | 30+++++++++++++++---------------
Mres-src/Reftone-src.svg | 30+++++++++++++-----------------
Mres-src/Shaper-src.svg | 8++++----
Mres-src/ShaperPlus-src.svg | 12++++++------
Mres-src/Sine-src.svg | 14+++++++-------
Mres-src/Slew-src.svg | 30+++++++++++++++---------------
Mres-src/Stack-src.svg | 40++++++++++++++++++++--------------------
Mres-src/Switch1616-src.svg | 132++++++++++++++++++++++++++++++++++++++++----------------------------------------
Mres-src/Switch44-src.svg | 2+-
Mres-src/TestVCF-src.svg | 42+++++++++++++++++++++---------------------
Mres-src/UMix-src.svg | 2+-
Mres-src/Unison-src.svg | 18+++++++++---------
Mres-src/VCA-src.svg | 4++--
Mres-src/VCF-src.svg | 42+++++++++++++++++++++---------------------
Mres-src/VCM-src.svg | 18+++++++++---------
Mres-src/VCO-src.svg | 28++++++++++++++--------------
Mres-src/Walk2-src.svg | 36++++++++++--------------------------
Mres-src/XCO-src.svg | 90++++++++++++++++++++++++++++++++++++++++----------------------------------------
Mres-src/XFade-src.svg | 20++++++++++----------
Mres-src/defs.svg | 336++++++++++++++++++++++++++++++++++++++++++-------------------------------------
Ares-src/skin-dark.css | 42++++++++++++++++++++++++++++++++++++++++++
Mres-src/styles.css | 14++++++--------
Ares/AD-dark.svg | 0
Mres/AD.svg | 0
Ares/ADSR-dark.svg | 0
Mres/ADSR.svg | 0
Ares/AMRM-dark.svg | 0
Mres/AMRM.svg | 0
Ares/ASR-dark.svg | 0
Mres/ASR.svg | 0
Ares/Additator-dark.svg | 0
Mres/Additator.svg | 0
Ares/AddrSeq-dark.svg | 0
Ares/AddrSeq-latif.svg | 0
Mres/AddrSeq.svg | 0
Ares/Analyzer-dark.svg | 0
Mres/Analyzer.svg | 0
Mres/AnalyzerXL.svg | 0
Ares/Arp-dark.svg | 0
Mres/Arp.svg | 0
Ares/Assign-dark.svg | 0
Mres/Assign.svg | 0
Ares/Blank3-dark.svg | 0
Mres/Blank3.svg | 0
Ares/Blank6-dark.svg | 0
Mres/Blank6.svg | 0
Ares/Bool-dark.svg | 0
Mres/Bool.svg | 0
Ares/CVD-dark.svg | 0
Mres/CVD.svg | 0
Ares/Clpr-dark.svg | 0
Mres/Clpr.svg | 0
Ares/Cmp-dark.svg | 0
Mres/Cmp.svg | 0
Ares/CmpDist-dark.svg | 0
Mres/CmpDist.svg | 0
Ares/DADSRH-dark.svg | 0
Mres/DADSRH.svg | 0
Ares/DADSRHPlus-dark.svg | 0
Mres/DADSRHPlus.svg | 0
Ares/DGate-dark.svg | 0
Mres/DGate.svg | 0
Ares/Detune-dark.svg | 0
Mres/Detune.svg | 0
Ares/EQ-dark.svg | 0
Mres/EQ.svg | 0
Ares/EQS-dark.svg | 0
Mres/EQS.svg | 0
Ares/Edge-dark.svg | 0
Mres/Edge.svg | 0
Ares/EightFO-dark.svg | 0
Mres/EightFO.svg | 0
Ares/EightHP-dark.svg | 0
Mres/EightHP.svg | 0
Ares/EightOne-dark.svg | 0
Mres/EightOne.svg | 0
Ares/EighteenHP-dark.svg | 0
Mres/EighteenHP.svg | 0
Ares/FFB-dark.svg | 0
Mres/FFB.svg | 0
Ares/FMOp-dark.svg | 0
Mres/FMOp.svg | 0
Ares/FifteenHP-dark.svg | 0
Mres/FifteenHP.svg | 0
Ares/FiveHP-dark.svg | 0
Mres/FiveHP.svg | 0
Ares/FlipFlop-dark.svg | 0
Mres/FlipFlop.svg | 0
Ares/Follow-dark.svg | 0
Mres/Follow.svg | 0
Ares/FourMan-dark.svg | 0
Mres/FourMan.svg | 0
Ares/Inv-dark.svg | 0
Mres/Inv.svg | 0
Ares/LFO-dark.svg | 0
Ares/LFO-latif.svg | 0
Mres/LFO.svg | 0
Ares/LLFO-dark.svg | 0
Mres/LLFO.svg | 0
Ares/LVCF-dark.svg | 0
Mres/LVCF.svg | 0
Ares/LVCO-dark.svg | 0
Mres/LVCO.svg | 0
Ares/Lag-dark.svg | 0
Mres/Lag.svg | 0
Ares/Lmtr-dark.svg | 0
Mres/Lmtr.svg | 0
Ares/Manual-dark.svg | 0
Mres/Manual.svg | 0
Ares/Matrix44-dark.svg | 0
Mres/Matrix44.svg | 0
Ares/Matrix88-dark.svg | 0
Mres/Matrix88.svg | 0
Ares/Mix1-dark.svg | 0
Ares/Mix1-latif.svg | 0
Mres/Mix1.svg | 0
Ares/Mix2-dark.svg | 0
Ares/Mix2-latif.svg | 0
Mres/Mix2.svg | 0
Ares/Mix4-dark.svg | 0
Ares/Mix4-latif.svg | 0
Mres/Mix4.svg | 0
Ares/Mix4x-dark.svg | 0
Ares/Mix4x-latif.svg | 0
Mres/Mix4x.svg | 0
Ares/Mix8-dark.svg | 0
Ares/Mix8-latif.svg | 0
Mres/Mix8.svg | 0
Ares/Mix8x-dark.svg | 0
Ares/Mix8x-latif.svg | 0
Mres/Mix8x.svg | 0
Ares/Mono-dark.svg | 0
Mres/Mono.svg | 0
Ares/Mult-dark.svg | 0
Mres/Mult.svg | 0
Ares/Mumix-dark.svg | 0
Mres/Mumix.svg | 0
Ares/Mute8-dark.svg | 0
Mres/Mute8.svg | 0
Ares/Noise-dark.svg | 0
Mres/Noise.svg | 0
Ares/Nsgt-dark.svg | 0
Mres/Nsgt.svg | 0
Ares/Offset-dark.svg | 0
Ares/Offset-latif.svg | 0
Mres/Offset.svg | 0
Ares/OneEight-dark.svg | 0
Mres/OneEight.svg | 0
Ares/PEQ-dark.svg | 0
Mres/PEQ.svg | 0
Ares/PEQ14-dark.svg | 0
Mres/PEQ14.svg | 0
Ares/PEQ14XF-dark.svg | 0
Mres/PEQ14XF.svg | 0
Ares/PEQ14XR-dark.svg | 0
Mres/PEQ14XR.svg | 0
Ares/PEQ14XV-dark.svg | 0
Mres/PEQ14XV.svg | 0
Ares/PEQ6-dark.svg | 0
Mres/PEQ6.svg | 0
Ares/PEQ6XF-dark.svg | 0
Mres/PEQ6XF.svg | 0
Ares/Pan-dark.svg | 0
Mres/Pan.svg | 0
Ares/Pgmr-dark.svg | 0
Mres/Pgmr.svg | 0
Ares/PgmrX-dark.svg | 0
Mres/PgmrX.svg | 0
Ares/PolyCon16-dark.svg | 0
Mres/PolyCon16.svg | 0
Ares/PolyCon8-dark.svg | 0
Mres/PolyCon8.svg | 0
Ares/PolyMult-dark.svg | 0
Mres/PolyMult.svg | 0
Ares/PolyOff16-dark.svg | 0
Mres/PolyOff16.svg | 0
Ares/PolyOff8-dark.svg | 0
Mres/PolyOff8.svg | 0
Ares/Pressor-dark.svg | 0
Mres/Pressor.svg | 0
Ares/Pulse-dark.svg | 0
Mres/Pulse.svg | 0
Ares/Reftone-dark.svg | 0
Mres/Reftone.svg | 0
Ares/SampleHold-dark.svg | 0
Mres/SampleHold.svg | 0
Ares/Shaper-dark.svg | 0
Mres/Shaper.svg | 0
Ares/ShaperPlus-dark.svg | 0
Mres/ShaperPlus.svg | 0
Ares/Sine-dark.svg | 0
Mres/Sine.svg | 0
Ares/SixHP-dark.svg | 0
Mres/SixHP.svg | 0
Ares/SixteenHP-dark.svg | 0
Mres/SixteenHP.svg | 0
Ares/Slew-dark.svg | 0
Mres/Slew.svg | 0
Ares/Stack-dark.svg | 0
Mres/Stack.svg | 0
Ares/Sums-dark.svg | 0
Mres/Sums.svg | 0
Ares/Switch-dark.svg | 0
Mres/Switch.svg | 0
Ares/Switch1616-dark.svg | 0
Mres/Switch1616.svg | 0
Ares/Switch44-dark.svg | 0
Mres/Switch44.svg | 0
Ares/Switch88-dark.svg | 0
Mres/Switch88.svg | 0
Ares/TenHP-dark.svg | 0
Mres/TenHP.svg | 0
Ares/Test-dark.svg | 0
Mres/Test.svg | 0
Ares/Test2-dark.svg | 0
Mres/Test2.svg | 0
Ares/TestExpanderBase-dark.svg | 0
Mres/TestExpanderBase.svg | 0
Ares/TestExpanderExtension-dark.svg | 0
Mres/TestExpanderExtension.svg | 0
Ares/TestVCF-dark.svg | 0
Mres/TestVCF.svg | 0
Ares/ThirteenHP-dark.svg | 0
Mres/ThirteenHP.svg | 0
Ares/ThirtyHP-dark.svg | 0
Mres/ThirtyHP.svg | 0
Ares/ThreeHP-dark.svg | 0
Mres/ThreeHP.svg | 0
Ares/TwelveHP-dark.svg | 0
Mres/TwelveHP.svg | 0
Ares/TwentyFiveHP-dark.svg | 0
Mres/TwentyFiveHP.svg | 0
Ares/TwentyHP-dark.svg | 0
Mres/TwentyHP.svg | 0
Ares/TwentyTwoHP-dark.svg | 0
Mres/TwentyTwoHP.svg | 0
Ares/UMix-dark.svg | 0
Mres/UMix.svg | 0
Ares/Unison-dark.svg | 0
Mres/Unison.svg | 0
Ares/VCA-dark.svg | 0
Mres/VCA.svg | 0
Ares/VCAmp-dark.svg | 0
Mres/VCAmp.svg | 0
Ares/VCF-dark.svg | 0
Mres/VCF.svg | 0
Ares/VCM-dark.svg | 0
Mres/VCM.svg | 0
Ares/VCO-dark.svg | 0
Ares/VCO-latif.svg | 0
Mres/VCO.svg | 0
Ares/VU-dark.svg | 0
Mres/VU.svg | 0
Ares/Walk-dark.svg | 0
Ares/Walk-latif.svg | 0
Mres/Walk.svg | 0
Ares/Walk2-dark.svg | 0
Ares/Walk2-latif.svg | 0
Mres/Walk2.svg | 0
Ares/XCO-dark.svg | 0
Ares/XCO-latif.svg | 0
Mres/XCO.svg | 0
Ares/XFade-dark.svg | 0
Mres/XFade.svg | 0
Mres/button_18px_0.svg | 0
Mres/button_18px_1.svg | 0
Mres/button_18px_1_green.svg | 0
Mres/button_18px_1_orange.svg | 0
Mres/button_9px_0.svg | 0
Mres/button_9px_1.svg | 0
Mres/button_9px_1_green.svg | 0
Mres/knob_16px.svg | 0
Mres/knob_19px.svg | 0
Mres/knob_26px.svg | 0
Mres/knob_29px.svg | 0
Mres/knob_38px.svg | 0
Mres/knob_45px.svg | 0
Mres/knob_68px.svg | 0
Mres/port.svg | 0
Mres/slider_switch_2_14px_0.svg | 0
Mres/slider_switch_2_14px_1.svg | 0
Mscripts/svg_preprocess.rb | 41+++++++++++++++++++++++++++++++++++++++--
Mscripts/svg_render.rb | 4++--
556 files changed, 47360 insertions(+), 5793 deletions(-)

diff --git a/res-pp/AD-dark-pp.svg b/res-pp/AD-dark-pp.svg @@ -0,0 +1,309 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">AD</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">ATTACK</text> + <g transform="translate(0 0)"><svg id="ATTACK_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 0)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(17 0)"> + <g transform="translate(3 0) rotate(240)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(17 0)"> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(17 0)"> + <g transform="translate(3 0) rotate(145.13)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(17 0)"> + <g transform="translate(3 0) rotate(27.87)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + </g> + </g> + <g transform="translate(20.8 40)"><svg id="ATTACK_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(0 82)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(6 0)">DECAY</text> + <g transform="translate(0 0)"><svg id="DECAY_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 0)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(17 0)"> + <g transform="translate(3 0) rotate(240)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(17 0)"> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(17 0)"> + <g transform="translate(3 0) rotate(145.13)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(17 0)"> + <g transform="translate(3 0) rotate(27.87)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + </g> + </g> + <g transform="translate(20.8 40)"><svg id="DECAY_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(0 132.5)"> + <g transform="translate(2.5 0)"> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(0 6)">RT</text> + <g transform="translate(9.5 -1)"><svg id="RETRIGGER_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(23.5 0)"> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(0.3 6)">LP</text> + <g transform="translate(9.5 -1)"><svg id="LOOP_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + </g> + + <g transform="translate(11 147)"> + <text font-size="5pt" letter-spacing="1.5px" transform="translate(-1 6)">LIN</text> + <g transform="translate(15 -1)"><svg id="LINEAR_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 160.5)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 98)"/> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="TRIGGER_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text> + <g transform="translate(5 38)"><svg id="ATTACK_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(2 70)">ATTACK</text> + <g transform="translate(5 73)"><svg id="DECAY_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(2.5 105)">DECAY</text> + </g> + <g class="io-group" transform="translate(5.5 111)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="70" rx="5"/> + <g transform="translate(5 0)"><svg id="ENV_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 32)">ENV</text> + <g transform="translate(5 35)"><svg id="EOC_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 67)">EOC</text> + </g> + </g> +</svg> diff --git a/res-pp/AD-pp.svg b/res-pp/AD-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">AD</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -88,7 +86,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(17 0)"> - <polyline points="0,0 1.5,0" stroke-width="0.3"/> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(17 0)"> <g transform="translate(3 0) rotate(145.13)"> @@ -96,13 +94,13 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-105.84) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-75.68) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(17 0)"> <g transform="translate(3 0) rotate(27.87)"> @@ -110,19 +108,19 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> </g> </g> @@ -148,7 +146,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(17 0)"> - <polyline points="0,0 1.5,0" stroke-width="0.3"/> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(17 0)"> <g transform="translate(3 0) rotate(145.13)"> @@ -156,13 +154,13 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-105.84) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-75.68) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(17 0)"> <g transform="translate(3 0) rotate(27.87)"> @@ -170,19 +168,19 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> </g> </g> diff --git a/res-pp/ADSR-dark-pp.svg b/res-pp/ADSR-dark-pp.svg @@ -0,0 +1,366 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-linear-adsr" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(17 0)"> + <g transform="translate(3 0) rotate(240)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(17 0)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">ADSR</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">ATT</text> + <g transform="translate(0 0)"><svg id="ATTACK_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 0)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(17 0)"> + <g transform="translate(3 0) rotate(240)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(17 0)"> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(17 0)"> + <g transform="translate(3 0) rotate(145.13)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(17 0)"> + <g transform="translate(3 0) rotate(27.87)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + </g> + </g> + <g transform="translate(20.8 40)"><svg id="ATTACK_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(0 82)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">DEC</text> + <g transform="translate(0 0)"><svg id="DECAY_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 0)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(17 0)"> + <g transform="translate(3 0) rotate(240)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(17 0)"> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(17 0)"> + <g transform="translate(3 0) rotate(145.13)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(17 0)"> + <g transform="translate(3 0) rotate(27.87)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + </g> + </g> + <g transform="translate(20.8 40)"><svg id="DECAY_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(0 139)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">SUS</text> + <g transform="translate(0 0)"><svg id="SUSTAIN_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-linear-adsr" transform="translate(0 0)" href="#dial-linear-adsr"/> + <g transform="translate(20.8 40)"><svg id="SUSTAIN_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(0 196)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">REL</text> + <g transform="translate(0 0)"><svg id="RELEASE_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 0)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(17 0)"> + <g transform="translate(3 0) rotate(240)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(17 0)"> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(17 0)"> + <g transform="translate(3 0) rotate(145.13)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(17 0)"> + <g transform="translate(3 0) rotate(27.87)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + </g> + </g> + <g transform="translate(20.8 40)"><svg id="RELEASE_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(10.5 247)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">LIN</text> + <g transform="translate(15 -1)"><svg id="LINEAR_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 262)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="GATE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 35)">GATE</text> + </g> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/ADSR-pp.svg b/res-pp/ADSR-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -61,15 +59,15 @@ text.input-label, text.output-label { <text font-size="6.5pt" transform="translate(-2.8 3.3)">0</text> </g> </g> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(17 0)"/> </g> </symbol> @@ -88,7 +86,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">ADSR</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -110,7 +108,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(17 0)"> - <polyline points="0,0 1.5,0" stroke-width="0.3"/> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(17 0)"> <g transform="translate(3 0) rotate(145.13)"> @@ -118,13 +116,13 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-105.84) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-75.68) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(17 0)"> <g transform="translate(3 0) rotate(27.87)"> @@ -132,19 +130,19 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> </g> </g> @@ -170,7 +168,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(17 0)"> - <polyline points="0,0 1.5,0" stroke-width="0.3"/> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(17 0)"> <g transform="translate(3 0) rotate(145.13)"> @@ -178,13 +176,13 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-105.84) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-75.68) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(17 0)"> <g transform="translate(3 0) rotate(27.87)"> @@ -192,19 +190,19 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> </g> </g> @@ -245,7 +243,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(17 0)"> - <polyline points="0,0 1.5,0" stroke-width="0.3"/> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(17 0)"> <g transform="translate(3 0) rotate(145.13)"> @@ -253,13 +251,13 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-105.84) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-75.68) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(17 0)"> <g transform="translate(3 0) rotate(27.87)"> @@ -267,19 +265,19 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> </g> </g> diff --git a/res-pp/AMRM-dark-pp.svg b/res-pp/AMRM-dark-pp.svg @@ -0,0 +1,230 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-rectify-amrm" viewBox="0 0 90px 90px"> + <g transform="translate(45 45)"> + <text font-size="6.0pt" transform="rotate(-240) translate(29 0) rotate(240) translate(-4 3)">0</text> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-210) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-180) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-150) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-120) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-90) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-60) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-30) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(0) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(30) translate(26 0)"/> + <polyline points="0,0 5.5,0" stroke-width="1.5" transform="rotate(60) translate(26 0)"/> + </g> + </symbol> + + <symbol id="dial-drywet-amrm" viewBox="0 0 90px 90px"> + <g transform="translate(45 45)"> + <text font-size="6.0pt" transform="rotate(-240) translate(29 0) rotate(240) translate(-4 3)">D</text> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-210) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-180) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-150) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-120) translate(26 0)"/> + <polyline points="0,0 5.5,0" stroke-width="1.5" transform="rotate(-90) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-60) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-30) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(0) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(30) translate(26 0)"/> + <text font-size="6.0pt" transform="rotate(60) translate(29 0) rotate(-60) translate(-1 3)">W</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="90.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">AM/RM</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + + + + + <g transform="translate(0 49)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(18 0)">RECTIFY</text> + <g transform="translate(0 -5)"><svg id="RECTIFY_PARAM"> + <g transform="translate(45 45)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="22" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-rectify-amrm" transform="translate(0 -5)" href="#dial-rectify-amrm"/> + </g> + + <g transform="translate(0 148)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(15.5 0)">DRY/WET</text> + <g transform="translate(0 -5)"><svg id="DRYWET_PARAM"> + <g transform="translate(45 45)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="22" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-drywet-amrm" transform="translate(0 -5)" href="#dial-drywet-amrm"/> + </g> + + <g transform="translate(11 240)"> + <g class="io-group" transform="translate(0 0)"> + <rect class="input-background-filler" width="68" height="10" transform="translate(0 66)"/> + <rect class="input-background" width="68" height="73" rx="5"/> + <g transform="translate(5 4)"><svg id="MODULATOR_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(7.5 36)">MOD</text> + <g transform="translate(39 4)"><svg id="CARRIER_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(42.5 36)">CAR</text> + <g transform="translate(5 40)"><svg id="RECTIFY_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">RECT</text> + <g transform="translate(39 40)"><svg id="DRYWET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(42 72)">D/W</text> + </g> + <g class="io-group" transform="translate(0 79)"> + <rect class="output-background-filler" width="68" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="68" height="37" rx="5"/> + <g transform="translate(5 1)"><svg id="RECTIFY_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 33)">RECT</text> + <g transform="translate(39 1)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(42.5 33)">OUT</text> + </g> + </g> + + +</svg> diff --git a/res-pp/AMRM-pp.svg b/res-pp/AMRM-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-rectify-amrm" viewBox="0 0 90px 90px"> <g transform="translate(45 45)"> <text font-size="6.0pt" transform="rotate(-240) translate(29 0) rotate(240) translate(-4 3)">0</text> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-210) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-180) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-150) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-120) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-90) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-60) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-30) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(0) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(30) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-210) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-180) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-150) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-120) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-90) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-60) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-30) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(0) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(30) translate(26 0)"/> <polyline points="0,0 5.5,0" stroke-width="1.5" transform="rotate(60) translate(26 0)"/> </g> </symbol> @@ -73,15 +71,15 @@ text.input-label, text.output-label { <symbol id="dial-drywet-amrm" viewBox="0 0 90px 90px"> <g transform="translate(45 45)"> <text font-size="6.0pt" transform="rotate(-240) translate(29 0) rotate(240) translate(-4 3)">D</text> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-210) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-180) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-150) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-120) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-210) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-180) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-150) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-120) translate(26 0)"/> <polyline points="0,0 5.5,0" stroke-width="1.5" transform="rotate(-90) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-60) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-30) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(0) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(30) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-60) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-30) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(0) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(30) translate(26 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(29 0) rotate(-60) translate(-1 3)">W</text> </g> </symbol> @@ -96,10 +94,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">AM/RM</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">AM/RM</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> diff --git a/res-pp/ASR-dark-pp.svg b/res-pp/ASR-dark-pp.svg @@ -0,0 +1,301 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">ASR</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">ATTACK</text> + <g transform="translate(0 0)"><svg id="ATTACK_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 0)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(17 0)"> + <g transform="translate(3 0) rotate(240)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(17 0)"> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(17 0)"> + <g transform="translate(3 0) rotate(145.13)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(17 0)"> + <g transform="translate(3 0) rotate(27.87)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + </g> + </g> + <g transform="translate(20.8 40)"><svg id="ATTACK_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(0 82)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(2.5 0)">RELEASE</text> + <g transform="translate(0 0)"><svg id="RELEASE_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 0)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(17 0)"> + <g transform="translate(3 0) rotate(240)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(17 0)"> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(17 0)"> + <g transform="translate(3 0) rotate(145.13)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(17 0)"> + <g transform="translate(3 0) rotate(27.87)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + </g> + </g> + <g transform="translate(20.8 40)"><svg id="RELEASE_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(3.5 130)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(7 11)">S</text> + <g transform="translate(14.5 0)"><svg id="SUSTAIN_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(11 151)"> + <text font-size="5pt" letter-spacing="1.5px" transform="translate(-1 6)">LIN</text> + <g transform="translate(15 -1)"><svg id="LINEAR_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 162)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 98)"/> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="TRIGGER_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text> + <g transform="translate(5 38)"><svg id="ATTACK_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(9 70)">ATT</text> + <g transform="translate(5 73)"><svg id="RELEASE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(9 105)">REL</text> + </g> + <g class="io-group" transform="translate(5.5 111)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="70" rx="5"/> + <g transform="translate(5 0)"><svg id="ENV_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 32)">ENV</text> + <g transform="translate(5 35)"><svg id="EOC_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 67)">EOC</text> + </g> + </g> +</svg> diff --git a/res-pp/ASR-pp.svg b/res-pp/ASR-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">ASR</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -88,7 +86,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(17 0)"> - <polyline points="0,0 1.5,0" stroke-width="0.3"/> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(17 0)"> <g transform="translate(3 0) rotate(145.13)"> @@ -96,13 +94,13 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-105.84) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-75.68) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(17 0)"> <g transform="translate(3 0) rotate(27.87)"> @@ -110,19 +108,19 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> </g> </g> @@ -148,7 +146,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(17 0)"> - <polyline points="0,0 1.5,0" stroke-width="0.3"/> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(17 0)"> <g transform="translate(3 0) rotate(145.13)"> @@ -156,13 +154,13 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-105.84) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-75.68) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(17 0)"> <g transform="translate(3 0) rotate(27.87)"> @@ -170,19 +168,19 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> </g> </g> diff --git a/res-pp/Additator-dark-pp.svg b/res-pp/Additator-dark-pp.svg @@ -0,0 +1,695 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-partials-additator" viewBox="0 0 70px 70px"> + <g transform="translate(35 35)"> + <text font-size="6.0pt" transform="rotate(-240) translate(25.5 0) rotate(240) translate(-2.5 2.5)">1</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-212.73) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-182.42) translate(25 0) rotate(182.42) translate(-7 2.8)">20</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-152.12) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-121.82) translate(25 0) rotate(121.82) translate(-7 2.5)">40</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-91.52) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-61.21) translate(25 0) rotate(61.21) translate(-3 2.5)">60</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30.91) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-0.61) translate(25 0) rotate(0.61) translate(-2.5 2.8)">80</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(29.7) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(60) translate(25.5 0) rotate(-60) translate(-2 2.5)">100</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="225.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">ADDITATOR</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/> + </g> + + + + + + + + <g transform="translate(20 25)"> + + + + <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM"> + <g transform="translate(34 34)"> + <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(20 25)"> + <g transform="translate(54 54)"> + <g transform="rotate(-240) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-6 3)">-3</text> + </g> + <g transform="rotate(-220.56) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-206.667) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(206.667) translate(-5.5 3)">-2</text> + </g> + <g transform="rotate(-187.23) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-173.333) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(173.333) translate(-4 3)">-1</text> + </g> + <g transform="rotate(-153.89) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-140) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" letter-spacing="1px" transform="translate(16 0) rotate(140) translate(-6 3.5)">0V</text> + </g> + <g transform="rotate(-120.56) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-106.667) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(106.667) translate(-2.7 3)">1</text> + </g> + <g transform="rotate(-87.23) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-73.33) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(73.333) translate(-2.7 3)">2</text> + </g> + <g transform="rotate(-53.89) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-40) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(40) translate(-2.7 3)">3</text> + </g> + <g transform="rotate(-20.56) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-6.667) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(6.667) translate(-2.7 3)">4</text> + </g> + <g transform="rotate(12.77) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(26.667) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(-26.667) translate(-2.7 3)">5</text> + </g> + <g transform="rotate(46.11) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(60) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text> + </g> + </g> + </g> + + <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text> + + <g transform="translate(144 60)"> + + + <text font-size="8pt" letter-spacing="2px" transform="translate(4 50) rotate(270)">PARTIALS</text> + <g transform="translate(21 0)"><svg id="PARTIALS_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-partials-additator" transform="translate(5 -16)" href="#dial-partials-additator"/> + </g> + + <g transform="translate(10 155)"> + <g transform="translate(10 5)"> + + + + + <text font-size="8pt" letter-spacing="2px" transform="translate(-3 22.5) rotate(270)">FINE</text> + <g transform="translate(10 0)"><svg id="FINE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + + </g> + <g transform="translate(8 -7)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(53 0)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 33) rotate(270)">WIDTH</text> + <g transform="translate(16 0)"><svg id="WIDTH_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(59.5 -9.5)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + <g transform="translate(106 0)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">O-SKEW</text> + <g transform="translate(16 0)"><svg id="ODD_SKEW_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(112.5 -9.5)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> + </g> + </g> + </g> + <g transform="translate(158 0)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 37.5) rotate(270)">E-SKEW</text> + <g transform="translate(16 0)"><svg id="EVEN_SKEW_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(164.5 -9.5)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> + </g> + </g> + </g> + </g> + + <g transform="translate(10 218)"> + <g transform="translate(-1 0)"> + + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 28.5) rotate(270)">GAIN</text> + <g transform="translate(16 0)"><svg id="GAIN_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(5.5 -9.5)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + <g transform="translate(53 0)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 33.5) rotate(270)">DECAY</text> + <g transform="translate(16 0)"><svg id="DECAY_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(59.5 -9.5)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> + </g> + </g> + </g> + <g transform="translate(106 0)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 43) rotate(270)">BALANCE</text> + <g transform="translate(16 0)"><svg id="BALANCE_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(112.5 -9.5)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> + </g> + </g> + </g> + <g transform="translate(158 0)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 34.5) rotate(270)">FILTER</text> + <g transform="translate(16 0)"><svg id="FILTER_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(164.5 -9.5)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> + </g> + </g> + </g> + </g> + + <g transform="translate(185 272)"> + <g transform="translate(0 0)"><svg id="SINE_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SIN</text> + <g transform="translate(0 15)"><svg id="COSINE_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="6pt" letter-spacing="2px" transform="translate(9 21.1)">COS</text> + <g transform="translate(9 27)"><svg id="PHASE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(0 269)"> + <rect class="output-background" width="205" height="47" rx="5" transform="translate(10 44)"/> + <rect class="input-background" width="171" height="91" rx="5" transform="translate(10 0)"/> + <rect class="input-background-filler" width="10" height="10" transform="translate(171 81)"/> + + <g transform="translate(10 0)"> + <g transform="translate(3 0)"> + <g transform="translate(3 5)"><svg id="SYNC_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text> + </g> + <g transform="translate(37 0)"> + <g transform="translate(3 5)"><svg id="PARTIALS_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">PRTLS</text> + </g> + <g transform="translate(71 0)"> + <g transform="translate(3 5)"><svg id="WIDTH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">WIDTH</text> + </g> + <g transform="translate(105 0)"> + <g transform="translate(3 5)"><svg id="ODD_SKEW_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OSK</text> + </g> + <g transform="translate(139 0)"> + <g transform="translate(3 5)"><svg id="EVEN_SKEW_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ESK</text> + </g> + </g> + + <g transform="translate(10 44)"> + <g transform="translate(3 0)"> + <g transform="translate(3 5)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> + </g> + <g transform="translate(37 0)"> + <g transform="translate(3 5)"><svg id="GAIN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 40)">GAIN</text> + </g> + <g transform="translate(71 0)"> + <g transform="translate(3 5)"><svg id="DECAY_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">DECAY</text> + </g> + <g transform="translate(105 0)"> + <g transform="translate(3 5)"><svg id="BALANCE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">BAL</text> + </g> + <g transform="translate(139 0)"> + <g transform="translate(3 5)"><svg id="FILTER_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(3 40)">FLTR</text> + </g> + <g transform="translate(173 0)"> + <g transform="translate(3 5)"><svg id="AUDIO_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OUT</text> + </g> + </g> + </g> +</svg> diff --git a/res-pp/Additator-pp.svg b/res-pp/Additator-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-partials-additator" viewBox="0 0 70px 70px"> <g transform="translate(35 35)"> <text font-size="6.0pt" transform="rotate(-240) translate(25.5 0) rotate(240) translate(-2.5 2.5)">1</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-212.73) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-212.73) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-182.42) translate(25 0) rotate(182.42) translate(-7 2.8)">20</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-152.12) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-152.12) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-121.82) translate(25 0) rotate(121.82) translate(-7 2.5)">40</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-91.52) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-91.52) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-61.21) translate(25 0) rotate(61.21) translate(-3 2.5)">60</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-30.91) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30.91) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-0.61) translate(25 0) rotate(0.61) translate(-2.5 2.8)">80</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(29.7) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(29.7) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(25.5 0) rotate(-60) translate(-2 2.5)">100</text> </g> </symbol> @@ -219,13 +217,11 @@ text.input-label, text.output-label { </g> <g transform="translate(8 -7)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(53 0)"> @@ -242,15 +238,15 @@ text.input-label, text.output-label { <g transform="translate(59.5 -9.5)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -271,31 +267,31 @@ text.input-label, text.output-label { <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> @@ -319,31 +315,31 @@ text.input-label, text.output-label { <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> @@ -368,15 +364,15 @@ text.input-label, text.output-label { <g transform="translate(5.5 -9.5)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -397,31 +393,31 @@ text.input-label, text.output-label { <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> @@ -445,31 +441,31 @@ text.input-label, text.output-label { <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> @@ -493,31 +489,31 @@ text.input-label, text.output-label { <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> diff --git a/res-pp/AddrSeq-dark-pp.svg b/res-pp/AddrSeq-dark-pp.svg @@ -0,0 +1,354 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-bipolar-addrseq" viewBox="0 0 40px 40px"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(10 0)"/> + <polyline points="0,0 4.0,0" stroke-width="1.0" transform="rotate(-165) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(10 0)"/> + + <polyline points="0,0 5,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(10 0)"/> + <polyline points="0,0 4,0" stroke-width="1.0" transform="rotate(-15) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(10 0)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(10 0)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="90.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="0.5px" text-anchor="end" transform="translate(85.0 17)">ADDR-SEQ</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + <g class="io-group" transform="translate(6.5 32)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 30)"/> + <g transform="translate(5 3)"><svg id="CLOCK_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(4 35)">CLOCK</text> + </g> + <g class="io-group" transform="translate(6.5 69)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="RESET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(5 35)">RESET</text> + </g> + + <g transform="translate(1 121)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(7.5 0)">STEPS</text> + <g transform="translate(14.5 10.5)"><svg id="STEPS_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -1)"> + <g transform="translate(20 20)"> + <text font-size="5.0pt" transform="rotate(-240) translate(13 0) rotate(240) translate(-2 2)">1</text> + <text font-size="5.0pt" transform="rotate(-197.1) translate(13 0) rotate(197.1) translate(-2 2)">2</text> + <text font-size="5.0pt" transform="rotate(-154.3) translate(13 0) rotate(154.3) translate(-2 2)">3</text> + <text font-size="5.0pt" transform="rotate(-111.4) translate(13 0) rotate(111.4) translate(-2 2)">4</text> + <text font-size="5.0pt" transform="rotate(-68.6) translate(13 0) rotate(68.6) translate(-2 2)">5</text> + <text font-size="5.0pt" transform="rotate(-25.7) translate(13 0) rotate(25.7) translate(-2 2)">6</text> + <text font-size="5.0pt" transform="rotate(17.1) translate(13 0) rotate(-17.1) translate(-2 2)">7</text> + <text font-size="5.0pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-2 2)">8</text> + </g> + </g> + </g> + + <g transform="translate(16.5 166)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1.8 -1)">FWD</text> + <g transform="translate(0 2)"><svg id="DIRECTION_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1.3 34)">REV</text> + </g> + + + + <g transform="translate(1 220)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">SELECT</text> + <g transform="translate(0 2)"><svg id="SELECT_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 2)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(19 0) rotate(240) translate(-2 2)">1</text> + <text font-size="5.0pt" transform="rotate(-197.1) translate(19 0) rotate(197.1) translate(-2 2)">2</text> + <text font-size="5.0pt" transform="rotate(-154.3) translate(19 0) rotate(154.3) translate(-2 2)">3</text> + <text font-size="5.0pt" transform="rotate(-111.4) translate(19 0) rotate(111.4) translate(-2 2)">4</text> + <text font-size="5.0pt" transform="rotate(-68.6) translate(19 0) rotate(68.6) translate(-2 2)">5</text> + <text font-size="5.0pt" transform="rotate(-25.7) translate(19 0) rotate(25.7) translate(-2 2)">6</text> + <text font-size="5.0pt" transform="rotate(17.1) translate(19 0) rotate(-17.1) translate(-2 2)">7</text> + <text font-size="5.0pt" transform="rotate(60) translate(19 0) rotate(-60) translate(-2 2)">8</text> + </g> + </g> + <g class="io-group" transform="translate(5.5 47)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="SELECT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11.5 35)">CV</text> + </g> + </g> + + <g class="io-group" transform="translate(6.5 321)"> + <rect class="output-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 35)">OUT</text> + </g> + + <g transform="translate(49.5 32)"> + <g transform="translate(9 4)"><svg id="OUT1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 -8)" href="#dial-bipolar-addrseq"/> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 32)">1</text> + <g transform="translate(17 26.5)"><svg id="OUT1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(9 45.3)"><svg id="OUT2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 33.3)" href="#dial-bipolar-addrseq"/> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 73.3)">2</text> + <g transform="translate(17 67.8)"><svg id="OUT2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(9 86.6)"><svg id="OUT3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 74.6)" href="#dial-bipolar-addrseq"/> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 114.6)">3</text> + <g transform="translate(17 109.1)"><svg id="OUT3_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(9 127.9)"><svg id="OUT4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 115.9)" href="#dial-bipolar-addrseq"/> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 155.9)">4</text> + <g transform="translate(17 150.4)"><svg id="OUT4_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(9 169.1)"><svg id="OUT5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 157.1)" href="#dial-bipolar-addrseq"/> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 197.1)">5</text> + <g transform="translate(17 191.6)"><svg id="OUT5_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(9 210.4)"><svg id="OUT6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 198.4)" href="#dial-bipolar-addrseq"/> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 238.4)">6</text> + <g transform="translate(17 232.9)"><svg id="OUT6_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(9 251.7)"><svg id="OUT7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 239.7)" href="#dial-bipolar-addrseq"/> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 279.7)">7</text> + <g transform="translate(17 274.2)"><svg id="OUT7_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(9 293)"><svg id="OUT8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 281)" href="#dial-bipolar-addrseq"/> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 321)">8</text> + <g transform="translate(17 315.5)"><svg id="OUT8_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + + + + + +</svg> diff --git a/res-pp/AddrSeq-pp.svg b/res-pp/AddrSeq-pp.svg @@ -36,48 +36,46 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-bipolar-addrseq" viewBox="0 0 40px 40px"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-225) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-210) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-195) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-180) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(10 0)"/> <polyline points="0,0 4.0,0" stroke-width="1.0" transform="rotate(-165) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-150) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-135) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-120) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-105) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(10 0)"/> <polyline points="0,0 5,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-75) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-45) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-30) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(10 0)"/> <polyline points="0,0 4,0" stroke-width="1.0" transform="rotate(-15) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(0) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(15) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(30) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(45) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(10 0)"/> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(10 0)"/> </g> </symbol> @@ -92,10 +90,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">ADDR-SEQ</text> + <text class="title" font-size="9pt" letter-spacing="0.5px" text-anchor="end" transform="translate(85.0 17)">ADDR-SEQ</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> diff --git a/res-pp/Analyzer-dark-pp.svg b/res-pp/Analyzer-dark-pp.svg @@ -0,0 +1,352 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="300" height="380" viewBox="0 0 300 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-range-analyzer" viewBox="0 0 100px 100px"> + <g transform="translate(50.5 50.5)"> + <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(15)"/> + <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(50)"/> + <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-15)"/> + <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-50)"/> + <g transform="rotate(-90) translate(29 0)"> + <polyline points="0,0 6,0" stroke-width="1.5"/> + </g> + </g> + </symbol> + + <symbol id="dial-smooth-analyzer" viewBox="0 0 100px 100px"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(31 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-4 4)">0</text> + </g> + </g> + <g transform="rotate(-210) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(30 0)"> + <polyline points="0,0 5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(31 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-6 4.3)">500ms</text> + </g> + </g> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="300.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 299.0,1 299.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 300.0,0 300.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(150.0 19)">ANALYZER</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(150.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(134.5 -5)"/> + </g> + + + <g transform="translate(10 25)"> + <svg id="DISPLAY_WIDGET"> + <rect cx="0" cy="0" width="280" height="230" fill="#444"/> + </svg> + </g> + + + + + + + + <g transform="translate(0 320)"> + <g class="io-group" transform="translate(10 0)"> + <rect class="input-background" width="62" height="40" rx="5"/> + <rect class="output-background" width="23" height="40" rx="5" transform="translate(40)"/> + <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> + <g transform="translate(3.5 3)"><svg id="SIGNALA_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> + <g transform="translate(34.5 3)"><svg id="SIGNALA_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> + </g> + + <g class="io-group" transform="translate(82.5 0)"> + <rect class="input-background" width="62" height="40" rx="5"/> + <rect class="output-background" width="23" height="40" rx="5" transform="translate(40)"/> + <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> + <g transform="translate(3.5 3)"><svg id="SIGNALB_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> + <g transform="translate(34.5 3)"><svg id="SIGNALB_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> + </g> + + <g class="io-group" transform="translate(155 0)"> + <rect class="input-background" width="62" height="40" rx="5"/> + <rect class="output-background" width="23" height="40" rx="5" transform="translate(40)"/> + <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> + <g transform="translate(3.5 3)"><svg id="SIGNALC_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> + <g transform="translate(34.5 3)"><svg id="SIGNALC_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> + </g> + + <g class="io-group" transform="translate(227 0)"> + <rect class="input-background" width="62" height="40" rx="5"/> + <rect class="output-background" width="23" height="40" rx="5" transform="translate(40)"/> + <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> + <g transform="translate(3.5 3)"><svg id="SIGNALD_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> + <g transform="translate(34.5 3)"><svg id="SIGNALD_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> + </g> + </g> + + <g transform="translate(0 271)"> + <g transform="translate(30 0)"> + <g transform="translate(0 0)"><svg id="RANGE2_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text font-size="7pt" letter-spacing="2px" transform="rotate(-90) translate(-38 -11)">RANGE</text> + </g> + + <g transform="translate(103 0)"> + <g transform="translate(0 0)"><svg id="SMOOTH_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text font-size="7pt" letter-spacing="2px" transform="rotate(-90) translate(-44 -11)">SMOOTH</text> + </g> + + <g transform="translate(175 0)"> + <g transform="translate(-5 -5)"> + <g transform="translate(0 1)"> + <g transform="translate(0 0)"><svg id="QUALITY_ULTRA_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">ULTRA</text> + </g> + <g transform="translate(0 15)"> + <g transform="translate(0 0)"><svg id="QUALITY_HIGH_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">HIGH</text> + </g> + <g transform="translate(0 29)"> + <g transform="translate(0 0)"><svg id="QUALITY_GOOD_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">GOOD</text> + </g> + <g transform="translate(9 40)"> + <svg id="QUALITY_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg> + </g> + </g> + <text font-size="7pt" letter-spacing="2px" transform="rotate(-90) translate(-45 -11)">QUALITY</text> + </g> + + <g transform="translate(247 0)"> + <g transform="translate(-6 -5)"> + <g transform="translate(0 1)"> + <g transform="translate(0 0)"><svg id="WINDOW_NONE_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">NONE</text> + </g> + <g transform="translate(0 15)"> + <g transform="translate(0 0)"><svg id="WINDOW_HAMMING_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="6pt" letter-spacing="0.5px" transform="translate(9 6.1)">HAMMING</text> + </g> + <g transform="translate(0 29)"> + <g transform="translate(0 0)"><svg id="WINDOW_KAISER_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="6pt" letter-spacing="1px" transform="translate(9 6.1)">KAISER</text> + </g> + <g transform="translate(9 40)"> + <svg id="WINDOW_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg> + </g> + </g> + <text font-size="7pt" letter-spacing="2px" transform="rotate(-90) translate(-43.5 -11)">WINDOW</text> + </g> + </g> + + <use xlink:href="#dial-range-analyzer" transform=" translate(11.3 252) scale(0.75)" href="#dial-range-analyzer"/> + <use xlink:href="#dial-smooth-analyzer" transform=" translate(84.3 252) scale(0.75)" href="#dial-smooth-analyzer"/> +</svg> diff --git a/res-pp/Analyzer-pp.svg b/res-pp/Analyzer-pp.svg @@ -36,34 +36,28 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> - <symbol id="display-analyzer" viewBox="0 0 280px 230px"> - <rect cx="0" cy="0" width="280" height="230" fill="#222"/> - </symbol> - <symbol id="dial-range-analyzer" viewBox="0 0 100px 100px"> <g transform="translate(50.5 50.5)"> - <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(15)"/> - <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(50)"/> - <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-15)"/> - <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-50)"/> + <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(15)"/> + <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(50)"/> + <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-15)"/> + <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-50)"/> <g transform="rotate(-90) translate(29 0)"> <polyline points="0,0 6,0" stroke-width="1.5"/> </g> @@ -78,31 +72,31 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-210) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(30 0)"> - <polyline points="0,0 5,0" stroke-width="0.5"/> + <polyline points="0,0 5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(31 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -130,7 +124,9 @@ text.input-label, text.output-label { <g transform="translate(10 25)"> - <use id="DISPLAY_WIDGET" xlink:href="#display-analyzer" href="#display-analyzer"/> + <svg id="DISPLAY_WIDGET"> + <rect cx="0" cy="0" width="280" height="230" fill="#444"/> + </svg> </g> @@ -150,14 +146,14 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> <g transform="translate(34.5 3)"><svg id="SIGNALA_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> </g> <g class="io-group" transform="translate(82.5 0)"> @@ -170,14 +166,14 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> <g transform="translate(34.5 3)"><svg id="SIGNALB_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> </g> <g class="io-group" transform="translate(155 0)"> @@ -190,14 +186,14 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> <g transform="translate(34.5 3)"><svg id="SIGNALC_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> </g> <g class="io-group" transform="translate(227 0)"> @@ -210,14 +206,14 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> <g transform="translate(34.5 3)"><svg id="SIGNALD_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> </g> </g> diff --git a/res-pp/AnalyzerXL-pp.svg b/res-pp/AnalyzerXL-pp.svg @@ -1,5 +1,5 @@ <?xml version="1.0"?> -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="630" height="380" viewBox="0 0 630 380"> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" noskin="true" version="1.1" width="630" height="380" viewBox="0 0 630 380"> <style>text { fill: #333; font-family: 'Roboto', sans-serif; @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <style> text { @@ -62,12 +60,6 @@ text.input-label, text.output-label { } </style> - <defs> - <symbol id="display-analyzerxl" viewBox="0 0 600px 380px"> - <rect cx="0" cy="0" width="600" height="380" fill="#222"/> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#000"/> <g transform="translate(0 375) rotate(-90)"> <text transform="translate(0 12.5)" letter-spacing="1">ANALYZER-XL</text> @@ -125,6 +117,8 @@ text.input-label, text.output-label { </svg></g> </g> - <use id="DISPLAY_WIDGET" xlink:href="#display-analyzerxl" transform="translate(30 0)" href="#display-analyzerxl"/> + <g transform="translate(30 0)"><svg id="DISPLAY_WIDGET"> + <rect cx="0" cy="0" width="600" height="380" fill="#444"/> + </svg></g> </svg> diff --git a/res-pp/Arp-dark-pp.svg b/res-pp/Arp-dark-pp.svg @@ -0,0 +1,256 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">ARP</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + + + + + + <g transform="translate(3 18)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(5 6)">MODE</text> + <g transform="translate(0 10)"> + <g transform="translate(0 0)"><svg id="UP_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">UP</text> + </g> + <g transform="translate(21 10)"> + <g transform="translate(0 0)"><svg id="DOWN_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">DN</text> + </g> + <g transform="translate(0 20)"> + <g transform="translate(0 0)"><svg id="UP_DOWN_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">PD</text> + </g> + <g transform="translate(21 20)"> + <g transform="translate(0 0)"><svg id="UP_DOWN_REPEAT_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">PR</text> + </g> + <g transform="translate(0 30)"> + <g transform="translate(0 0)"><svg id="IN_ORDER_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">IO</text> + </g> + <g transform="translate(21 30)"> + <g transform="translate(0 0)"><svg id="RANDOM_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">RD</text> + </g> + <g transform="translate(0 40)"> + <g transform="translate(0 0)"><svg id="SHUFFLE_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">SH</text> + </g> + <g transform="translate(21 39)"><svg id="MODE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(2.5 78.5)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(7.5 0)">GATE</text> + <g transform="translate(12 9)"><svg id="GATE_LENGTH_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -3)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + </g> + + <g transform="translate(6 115)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">HOLD</text> + <g transform="translate(23 -1)"><svg id="HOLD_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + + </g> + + <g transform="translate(0 129)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="143" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 133)"/> + <g transform="translate(5 3)"><svg id="CLOCK_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(2.3 35)">CLOCK</text> + <g transform="translate(5 38)"><svg id="RESET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(2.3 70)">RESET</text> + <g transform="translate(5 73)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3 105)">V/OCT</text> + <g transform="translate(5 108)"><svg id="GATE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 140)">GATE</text> + </g> + <g class="io-group" transform="translate(5.5 146)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="70" rx="5"/> + <g transform="translate(5 0)"><svg id="PITCH_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(3 32)">V/OCT</text> + <g transform="translate(5 35)"><svg id="GATE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text> + </g> + </g> +</svg> diff --git a/res-pp/Arp-pp.svg b/res-pp/Arp-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">ARP</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -138,13 +136,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(0 -3)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> diff --git a/res-pp/Assign-dark-pp.svg b/res-pp/Assign-dark-pp.svg @@ -0,0 +1,196 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">ASSIGN</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text> + <g transform="translate(9.5 9)"><svg id="CHANNELS_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -1)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">1</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-220) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-200) translate(15 0)"/> + + <text font-size="5.0pt" transform="rotate(-180) translate(17 0) rotate(180) translate(-2 2.2)">4</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-160) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-140) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + + <text font-size="5.0pt" transform="rotate(-100) translate(17 0) rotate(100) translate(-1.9 2.5)">8</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-80) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> + + <text font-size="5.0pt" transform="rotate(-20) translate(17 0) rotate(20) translate(-3 2.4)">12</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(20) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(40) translate(15 0)"/> + + <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">16</text> + </g> + </g> + </g> + + <g transform="translate(0 75)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 98)"/> + <rect class="input-background" width="34" height="105" rx="5"/> + <g transform="translate(5 3)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> + <g transform="translate(5 38)"><svg id="GATE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 70)">GATE</text> + <g transform="translate(5 73)"><svg id="RESET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3 105)">RESET</text> + </g> + <g class="io-group" transform="translate(5.5 111)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="70" rx="5"/> + <g transform="translate(5 0)"><svg id="PITCH_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(3 32)">V/OCT</text> + <g transform="translate(5 35)"><svg id="GATE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text> + </g> + </g> +</svg> diff --git a/res-pp/Assign-pp.svg b/res-pp/Assign-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">ASSIGN</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -83,23 +81,23 @@ text.input-label, text.output-label { <g transform="translate(0 -1)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">1</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-220) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-200) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-220) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-200) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-180) translate(17 0) rotate(180) translate(-2 2.2)">4</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-160) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-140) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-160) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-140) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-100) translate(17 0) rotate(100) translate(-1.9 2.5)">8</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-80) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-40) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-80) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-20) translate(17 0) rotate(20) translate(-3 2.4)">12</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(20) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(40) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(20) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(40) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">16</text> </g> diff --git a/res-pp/Blank3-dark-pp.svg b/res-pp/Blank3-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + + + + + + + +</svg> diff --git a/res-pp/Blank3-pp.svg b/res-pp/Blank3-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/Blank6-dark-pp.svg b/res-pp/Blank6-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + <rect class="module-background background-fill" width="90.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + + + + + + + +</svg> diff --git a/res-pp/Blank6-pp.svg b/res-pp/Blank6-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/Bool-dark-pp.svg b/res-pp/Bool-dark-pp.svg @@ -0,0 +1,181 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">BOOL</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g class="io-group" transform="translate(7.5 18)"> + <rect class="input-background" width="34" height="63.5" rx="5" transform="translate(-2 0)"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(-2 53.5)"/> + <g transform="translate(3 5)"><svg id="A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 35)"><svg id="B_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(7.5 82)"> + <rect class="output-background" width="34" height="123" rx="5" transform="translate(-2 0)"/> + <rect class="output-background-filler" width="34" height="10" transform="translate(-2 0)"/> + <g transform="translate(3 4)"><svg id="AND_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.3 37)">AND</text> + <g transform="translate(3 44)"><svg id="OR_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(9.5 77)">OR</text> + <g transform="translate(3 84)"><svg id="XOR_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 117)">XOR</text> + </g> + + <g transform="translate(0 217)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 22)"/> + <rect class="input-background" width="34" height="32" rx="5"/> + <g transform="translate(5 4)"><svg id="NOT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(5.5 35)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="39" rx="5"/> + <g transform="translate(5 2)"><svg id="NOT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 34)">NOT</text> + </g> + </g> +</svg> diff --git a/res-pp/Bool-pp.svg b/res-pp/Bool-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">BOOL</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/CVD-dark-pp.svg b/res-pp/CVD-dark-pp.svg @@ -0,0 +1,233 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-mix-cvd" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">D</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">W</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">CVD</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(9.5 0)">TIME</text> + <g transform="translate(0 3)"><svg id="TIME_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 3)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">1</text> + </g> + </g> + <g transform="translate(14.5 59)"><svg id="TIME_SCALE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 44.5)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-135) translate(15 0) rotate(135) translate(-8 2)">0.1</text> + <polyline points="0,0 2,0" stroke-width="1" transform="rotate(-135) translate(9.5 0)"/> + <text font-size="5.0pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-2 2)">1</text> + <polyline points="0,0 2,0" stroke-width="1" transform="rotate(-90) translate(9.5 0)"/> + <text font-size="5.0pt" transform="rotate(-45) translate(15 0) rotate(45) translate(-2 2)">10</text> + <polyline points="0,0 2,0" stroke-width="1" transform="rotate(-45) translate(9.5 0)"/> + </g> + </g> + <g class="io-group" transform="translate(5.5 79)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="TIME_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + </g> + </g> + + <g transform="translate(0 165)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(2 0)">DRY/WET</text> + <g transform="translate(0 3)"><svg id="MIX_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-mix-cvd" transform="translate(0 3)" href="#dial-mix-cvd"/> + <g class="io-group" transform="translate(5.5 49)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="MIX_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + </g> + </g> + + <g transform="translate(0 264)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/CVD-pp.svg b/res-pp/CVD-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-mix-cvd" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">D</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">W</text> </g> </symbol> @@ -84,7 +82,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">CVD</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -101,15 +99,15 @@ text.input-label, text.output-label { <g transform="translate(0 3)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">1</text> </g> </g> diff --git a/res-pp/Clpr-dark-pp.svg b/res-pp/Clpr-dark-pp.svg @@ -0,0 +1,234 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="90.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">CLPR</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + + + + + + + <g transform="translate(0 40)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 0)">THRESHOLD</text> + <g transform="translate(26 12)"><svg id="THRESHOLD_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(10 -4)"> + <g transform="translate(35 35)"> + <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text> + <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> + </g> + </g> + </g> + + <g transform="translate(0 122)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(15.5 0)">OUT GAIN</text> + <g transform="translate(26 12)"><svg id="OUTPUT_GAIN_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(10 -4)"> + <g transform="translate(35 35)"> + <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-4 2.5)">0</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-202.5) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-165) translate(25 0) rotate(165) translate(-3.5 2.5)">6</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-127.5) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-90) translate(25 0) rotate(90) translate(-5 2.5)">12</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-52.5) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-15) translate(25 0) rotate(15) translate(-2 2.5)">18</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-1 2.5)">24</text> + <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> + </g> + </g> + </g> + + <g transform="translate(40 198)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-8 25.5) rotate(270)">KNEE</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4 -1)">SOFT</text> + <g transform="translate(0 2)"><svg id="KNEE_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text> + </g> + + <g transform="translate(11 240)"> + <g class="io-group" transform="translate(0 0)"> + <rect class="input-background-filler" width="68" height="10" transform="translate(0 66)"/> + <rect class="input-background" width="68" height="73" rx="5"/> + <g transform="translate(5 4)"><svg id="LEFT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text> + <g transform="translate(39 4)"><svg id="RIGHT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text> + <g transform="translate(5 40)"><svg id="THRESHOLD_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">TRSH</text> + <g transform="translate(39 40)"><svg id="OUTPUT_GAIN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(42 72)">OGN</text> + </g> + <g class="io-group" transform="translate(0 79)"> + <rect class="output-background-filler" width="68" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="68" height="37" rx="5"/> + <g transform="translate(5 1)"><svg id="LEFT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text> + <g transform="translate(39 1)"><svg id="RIGHT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text> + </g> + </g> +</svg> diff --git a/res-pp/Clpr-pp.svg b/res-pp/Clpr-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">CLPR</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">CLPR</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> @@ -87,15 +85,15 @@ text.input-label, text.output-label { <g transform="translate(10 -4)"> <g transform="translate(35 35)"> <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-210) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-150) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-90) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-30) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(30) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text> <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> </g> @@ -114,13 +112,13 @@ text.input-label, text.output-label { <g transform="translate(10 -4)"> <g transform="translate(35 35)"> <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-4 2.5)">0</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-202.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-202.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-165) translate(25 0) rotate(165) translate(-3.5 2.5)">6</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-127.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-127.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-90) translate(25 0) rotate(90) translate(-5 2.5)">12</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-52.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-52.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-15) translate(25 0) rotate(15) translate(-2 2.5)">18</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(22.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-1 2.5)">24</text> <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> </g> diff --git a/res-pp/Cmp-dark-pp.svg b/res-pp/Cmp-dark-pp.svg @@ -0,0 +1,339 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-voltage-cmp" viewBox="0 0 90px 45px"> + + <g transform="translate(8 22.5)"> + <text font-size="5.0pt" transform="rotate(-22.5) translate(14 0) rotate(22.5) translate(-1 2.6)">-10V</text> + <polyline points="0,0 2,0" stroke-width="1" transform="rotate(-22.5) translate(9.5 0)"/> + <text font-size="5.0pt" transform="rotate(22.5) translate(14 0) rotate(-22.5) translate(-1 2.0)">+/-5V</text> + <polyline points="0,0 2,0" stroke-width="1" transform="rotate(22.5) translate(9.5 0)"/> + </g> + </symbol> + + <symbol id="dial-offset-cmp" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(21 0) rotate(240) translate(-5 2.2)">-10</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-165) translate(17 0)"/> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(17 0)"/> + + <text font-size="5.0pt" transform="rotate(-90) translate(19 0) rotate(90) translate(-1.9 2.2)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-15) translate(17 0)"/> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(17 0)"/> + + <text font-size="5.0pt" transform="rotate(60) translate(21 0) rotate(-60) translate(-4 2.2)">10</text> + </g> + </symbol> + + <symbol id="dial-lag-cmp" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.9 2.2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <text font-size="5.0pt" transform="rotate(-145.13) translate(20.5 0) rotate(145.13) translate(-4.7 2.2)">0.1</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105.84) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.86) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-50.26) translate(17 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-27.87) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-7.62) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(11) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(28.33) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(44.6) translate(17 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-1.8 2.2)">1</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="90.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">CMP</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + + + + + <g transform="translate(0 35)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(20 0)">A</text> + <g transform="translate(0 3)"><svg id="A_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-offset-cmp" transform="translate(0 3)" href="#dial-offset-cmp"/> + <g class="io-group" transform="translate(5.5 49)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(13 35)">IN</text> + </g> + </g> + + <g transform="translate(45 35)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(20 0)">B</text> + <g transform="translate(0 3)"><svg id="B_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-offset-cmp" transform="translate(0 3)" href="#dial-offset-cmp"/> + <g class="io-group" transform="translate(5.5 49)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="B_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(13 35)">IN</text> + </g> + </g> + + <g transform="translate(0 140)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(3.5 0)">WINDOW</text> + <g transform="translate(0 3)"><svg id="WINDOW_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 3)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.9 2.2)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + + <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-4 2.2)">10</text> + </g> + </g> + <g class="io-group" transform="translate(5.5 49)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="WINDOW_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + </g> + </g> + + <g transform="translate(45 140)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(14 0)">LAG</text> + <g transform="translate(0 3)"><svg id="LAG_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-lag-cmp" transform="translate(0 3)" href="#dial-lag-cmp"/> + <g class="io-group" transform="translate(5.5 49)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="LAG_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + </g> + </g> + + <g transform="translate(25 239)"> + + <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 7)">OUTPUT</text> + <g transform="translate(0.5 12)"><svg id="OUTPUT_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-voltage-cmp" transform="translate(0.5 -2.5)" href="#dial-voltage-cmp"/> + </g> + + <g class="io-group" transform="translate(11 279)"> + <rect class="output-background" width="68" height="77" rx="5"/> + <g transform="translate(5 4)"><svg id="GREATER_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(9 36.5)"> + <text class="output-label" font-size="5pt" transform="translate(0 0)">A</text> + <text class="output-label" font-size="8pt" style="font-weight: normal" transform="translate(6 0.5)">&#x2265;</text> + <text class="output-label" font-size="5pt" transform="translate(13 0)">B</text> + </g> + <g transform="translate(39 4)"><svg id="LESS_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(43 36.5)"> + <text class="output-label" font-size="5pt" transform="translate(0 0)">A</text> + <text class="output-label" font-size="8pt" style="font-weight: normal" transform="translate(6 1)">&lt;</text> + <text class="output-label" font-size="5pt" transform="translate(13 0)">B</text> + </g> + <g transform="translate(5 40)"><svg id="EQUAL_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(12 72)">EQ</text> + <g transform="translate(39 40)"><svg id="NOT_EQUAL_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(42 72)">NOT</text> + </g> +</svg> diff --git a/res-pp/Cmp-pp.svg b/res-pp/Cmp-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -68,31 +66,31 @@ text.input-label, text.output-label { <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(21 0) rotate(240) translate(-5 2.2)">-10</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-165) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(-90) translate(19 0) rotate(90) translate(-1.9 2.2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-15) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(21 0) rotate(-60) translate(-4 2.2)">10</text> </g> @@ -101,16 +99,16 @@ text.input-label, text.output-label { <symbol id="dial-lag-cmp" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(-145.13) translate(20.5 0) rotate(145.13) translate(-4.7 2.2)">0.1</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105.84) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75.86) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-50.26) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105.84) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.86) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-50.26) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-27.87) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-7.62) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(11) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(28.33) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(44.6) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-7.62) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(11) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(28.33) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(44.6) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-1.8 2.2)">1</text> </g> </symbol> @@ -125,10 +123,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">CMP</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">CMP</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> @@ -193,17 +191,17 @@ text.input-label, text.output-label { <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-4 2.2)">10</text> </g> @@ -264,9 +262,9 @@ text.input-label, text.output-label { </g> </svg></g> <g transform="translate(9 36.5)"> - <text font-size="5pt" transform="translate(0 0)">A</text> - <text font-size="8pt" style="font-weight: normal" transform="translate(6 0.5)">&#x2265;</text> - <text font-size="5pt" transform="translate(13 0)">B</text> + <text class="output-label" font-size="5pt" transform="translate(0 0)">A</text> + <text class="output-label" font-size="8pt" style="font-weight: normal" transform="translate(6 0.5)">&#x2265;</text> + <text class="output-label" font-size="5pt" transform="translate(13 0)">B</text> </g> <g transform="translate(39 4)"><svg id="LESS_OUTPUT"> <g transform="translate(12 12)"> @@ -275,9 +273,9 @@ text.input-label, text.output-label { </g> </svg></g> <g transform="translate(43 36.5)"> - <text font-size="5pt" transform="translate(0 0)">A</text> - <text font-size="8pt" style="font-weight: normal" transform="translate(6 1)">&lt;</text> - <text font-size="5pt" transform="translate(13 0)">B</text> + <text class="output-label" font-size="5pt" transform="translate(0 0)">A</text> + <text class="output-label" font-size="8pt" style="font-weight: normal" transform="translate(6 1)">&lt;</text> + <text class="output-label" font-size="5pt" transform="translate(13 0)">B</text> </g> <g transform="translate(5 40)"><svg id="EQUAL_OUTPUT"> <g transform="translate(12 12)"> diff --git a/res-pp/CmpDist-dark-pp.svg b/res-pp/CmpDist-dark-pp.svg @@ -0,0 +1,434 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-attenuverter-cmpdist" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="7pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.2 2.2)">-</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-165) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(17 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(20 0) rotate(90) translate(-1.9 3)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-15) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(17 0)"/> + + <text font-size="5pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">+</text> + </g> + </symbol> + + <symbol id="dial-drywet-cmpdist" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2.5 3)">D</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 4.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <text font-size="5pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 3)">W</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="150.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">CMPDIST</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> + </g> + + + + + + + <g transform="translate(6 35)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(3.5 0)">A SCALE</text> + <g transform="translate(0 3)"><svg id="A_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)" href="#dial-attenuverter-cmpdist"/> + </g> + + <g transform="translate(52.5 35)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(4 0)">WINDOW</text> + <g transform="translate(0 3)"><svg id="WINDOW_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 3)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.9 2.2)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + + <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-4 2.2)">10</text> + </g> + </g> + </g> + + <g transform="translate(99 35)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(3.5 0)">B SCALE</text> + <g transform="translate(0 3)"><svg id="B_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)" href="#dial-attenuverter-cmpdist"/> + </g> + + <g transform="translate(6 100)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(6.5 0)">GT MIX</text> + <g transform="translate(0 3)"><svg id="GT_MIX_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)" href="#dial-attenuverter-cmpdist"/> + </g> + + <g transform="translate(52.5 100)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(6.5 0)">EQ MIX</text> + <g transform="translate(0 3)"><svg id="EQ_MIX_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)" href="#dial-attenuverter-cmpdist"/> + </g> + + <g transform="translate(99 100)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(7 0)">LT MIX</text> + <g transform="translate(0 3)"><svg id="LT_MIX_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)" href="#dial-attenuverter-cmpdist"/> + </g> + + + + + + <g transform="translate(52.5 165)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(2.5 0)">DRY/WET</text> + <g transform="translate(0 3)"><svg id="DRY_WET_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-drywet-cmpdist" transform="translate(0 3)" href="#dial-drywet-cmpdist"/> + </g> + + <g transform="translate(20.5 182.5)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(-6 -9)">A DRY</text> + <g transform="translate(0 0)"><svg id="A_DRY_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-12.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(113.5 182.5)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(-6 -9)">B DRY</text> + <g transform="translate(0 0)"><svg id="B_DRY_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-12.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g class="io-group" transform="translate(0 225)"> + <rect class="input-background" width="130" height="135" rx="5" transform="translate(10 0)"/> + <rect class="output-background" width="65" height="91" rx="5" transform="translate(75 44)"/> + <rect class="output-background-filler" width="10" height="8" transform="translate(75 44)"/> + <rect class="output-background-filler" width="10" height="8" transform="translate(130 44)"/> + <rect class="output-background-filler" width="10" height="8" transform="translate(75 127)"/> + + <g transform="translate(12 0)"> + <g transform="translate(3 5)"><svg id="GT_MIX_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(5 40)">GTM</text> + </g> + <g transform="translate(44 0)"> + <g transform="translate(3 5)"><svg id="LT_MIX_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(6 40)">LTM</text> + </g> + <g transform="translate(76 0)"> + <g transform="translate(3 5)"><svg id="WINDOW_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="0.5px" transform="translate(1.5 40)">WNDW</text> + </g> + <g transform="translate(108 0)"> + <g transform="translate(3 5)"><svg id="DRY_WET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(6 40)">D/W</text> + </g> + + <g transform="translate(0 44)"> + <g transform="translate(12 0)"> + <g transform="translate(3 5)"><svg id="A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(5 40)">A IN</text> + </g> + <g transform="translate(44 0)"> + <g transform="translate(3 5)"><svg id="A_SCALE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">A SCL</text> + </g> + <g transform="translate(76 0)"> + <g transform="translate(3 5)"><svg id="GT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(8 40)">GT</text> + </g> + <g transform="translate(108 0)"> + <g transform="translate(3 5)"><svg id="LT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(9.5 40)">LT</text> + </g> + + <g transform="translate(10 44)"> + <g transform="translate(2 0)"> + <g transform="translate(3 5)"><svg id="B_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(5 40)">B IN</text> + </g> + <g transform="translate(34 0)"> + <g transform="translate(3 5)"><svg id="B_SCALE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">B SCL</text> + </g> + <g transform="translate(66 0)"> + <g transform="translate(3 5)"><svg id="EQ_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(9 40)">EQ</text> + </g> + <g transform="translate(98 0)"> + <g transform="translate(3 5)"><svg id="MIX_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 40)">MIX</text> + </g> + </g> + </g> + </g> +</svg> diff --git a/res-pp/CmpDist-pp.svg b/res-pp/CmpDist-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -58,27 +56,27 @@ text.input-label, text.output-label { <g transform="translate(22.5 22.5)"> <text font-size="7pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.2 2.2)">-</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-165) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(17 0)"/> <text font-size="5pt" transform="rotate(-90) translate(20 0) rotate(90) translate(-1.9 3)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-15) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(17 0)"/> <text font-size="5pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">+</text> </g> @@ -87,15 +85,15 @@ text.input-label, text.output-label { <symbol id="dial-drywet-cmpdist" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2.5 3)">D</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> <polyline points="0,0 4.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 3)">W</text> </g> </symbol> @@ -146,17 +144,17 @@ text.input-label, text.output-label { <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-4 2.2)">10</text> </g> @@ -238,13 +236,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(-12.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -260,13 +256,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(-12.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> diff --git a/res-pp/DADSRH-dark-pp.svg b/res-pp/DADSRH-dark-pp.svg @@ -0,0 +1,681 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="150.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">DADSR(H)</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> + </g> + + + <g transform="translate(9 33)"> + <g transform="translate(0 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 40) rotate(270)">DELAY</text> + <g transform="translate(18 0)"><svg id="DELAY_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 43)"><svg id="DELAY_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(0 56)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">ATT</text> + <g transform="translate(18 0)"><svg id="ATTACK_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 34)"><svg id="ATTACK_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(0 112)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">DEC</text> + <g transform="translate(18 0)"><svg id="DECAY_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 34)"><svg id="DECAY_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(0 168)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">SUS</text> + <g transform="translate(18 0)"><svg id="SUSTAIN_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 34)"><svg id="SUSTAIN_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(0 224)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">REL</text> + <g transform="translate(18 0)"><svg id="RELEASE_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 34)"><svg id="RELEASE_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(0 280)"> + <g transform="translate(75 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(48 2) rotate(90)">HOLD</text> + <g transform="translate(-1.7 0)"><svg id="HOLD_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + </g> + </g> + + <g transform="scale(0.75) translate(11 19)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(11 94)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(11 169)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(11 243)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-210) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(30 0)"> + <polyline points="0,0 5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(11 318)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(85 392.5)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + + + <g transform="translate(77 96)"> + <g transform="translate(0 0)"> + <svg id="ATTACK_SHAPE1_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(5 5)"> + <path d="M 1 1 Q 1 -6, 8 -6" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + <g transform="translate(0 10)"> + <svg id="ATTACK_SHAPE2_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(5 5)"> + <polyline points="0,1 10,1" stroke-width="1" fill="none" transform="rotate(-45)"/> + </g> + </g> + <g transform="translate(0 20)"> + <svg id="ATTACK_SHAPE3_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(5 5)"> + <path d="M 0 1 Q 7 1, 8 -7" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + <g transform="translate(0 28)"> + <svg id="ATTACK_SHAPE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg> + </g> + </g> + + <g transform="translate(77 152.5)"> + <g transform="translate(0 0)"> + <g transform="translate(0 0)"><svg id="DECAY_SHAPE1_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(5 0)"> + <path d="M 0.5 -1 Q 1 6, 8 6" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + <g transform="translate(0 10)"> + <svg id="DECAY_SHAPE2_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(6 -2)"> + <polyline points="0,1 10,1" stroke-width="1" fill="none" transform="rotate(45)"/> + </g> + </g> + <g transform="translate(0 20)"> + <svg id="DECAY_SHAPE3_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(5 0)"> + <path d="M 0.5 -1 Q 6 0, 7 6" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + <g transform="translate(0 28)"> + <svg id="DECAY_SHAPE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg> + </g> + </g> + + <g transform="translate(77 264.5)"> + <g transform="translate(0 0)"> + <svg id="RELEASE_SHAPE1_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(5 0)"> + <path d="M 0.5 -1 Q 1 6, 8 6" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + <g transform="translate(0 10)"> + <svg id="RELEASE_SHAPE2_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(6 -2)"> + <polyline points="0,1 10,1" stroke-width="1" fill="none" transform="rotate(45)"/> + </g> + </g> + <g transform="translate(0 20)"> + <svg id="RELEASE_SHAPE3_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(5 0)"> + <path d="M 0.5 -1 Q 6 0, 7 6" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + <g transform="translate(0 28)"> + <svg id="RELEASE_SHAPE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg> + </g> + </g> + + + <g class="io-group" transform="translate(84 37)"> + <rect class="input-background" width="58" height="40" rx="5"/> + <g transform="translate(6 6)"><svg id="TRIGGER_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(31 3)"><svg id="TRIGGER_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text> + </g> + + <g transform="translate(120 93)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-8 27.5) rotate(270)">MODE</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-5 -1)">GATE</text> + <g transform="translate(0 2)"><svg id="MODE_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">TRIG</text> + </g> + + <g transform="translate(120 143)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">CYCLE</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text> + <g transform="translate(0 2)"><svg id="LOOP_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text> + </g> + + <g transform="translate(20 319)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-7 28.5) rotate(270)">SPEED</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(2 -1)">1X</text> + <g transform="translate(0 2)"><svg id="SPEED_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1 34)">10X</text> + </g> + + <g transform="translate(55 319)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-7 31) rotate(270)">RETRIG</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 -1)">ATT</text> + <g transform="translate(0 2)"><svg id="RETRIGGER_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 34)">RST</text> + </g> + + <g class="io-group" transform="translate(112 187)"> + <rect class="output-background" width="30" height="116" rx="5"/> + <g transform="translate(0 1)"> + <g transform="translate(3 3)"><svg id="ENV_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> + </g> + <g transform="translate(0 38)"> + <g transform="translate(3 3)"><svg id="INV_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">INV</text> + </g> + <g transform="translate(0 75)"> + <g transform="translate(3 3)"><svg id="TRIGGER_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text> + </g> + </g> +</svg> diff --git a/res-pp/DADSRH-pp.svg b/res-pp/DADSRH-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -162,7 +160,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -175,10 +173,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -186,16 +184,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -212,7 +210,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -225,10 +223,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -236,16 +234,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -262,7 +260,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -275,10 +273,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -286,16 +284,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -312,31 +310,31 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-210) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(30 0)"> - <polyline points="0,0 5,0" stroke-width="0.5"/> + <polyline points="0,0 5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -353,7 +351,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -366,10 +364,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -377,16 +375,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -403,7 +401,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -416,10 +414,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -427,16 +425,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> diff --git a/res-pp/DADSRHPlus-dark-pp.svg b/res-pp/DADSRHPlus-dark-pp.svg @@ -0,0 +1,754 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="225.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">DADSR(H)+</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/> + </g> + + + <g class="io-group" transform="translate(149 26)"> + <rect class="input-background" width="30" height="323" rx="5"/> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text> + </g> + <g class="io-group" transform="translate(186 26)"> + <rect class="output-background" width="30" height="267" rx="5"/> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text> + </g> + + <g transform="translate(9 33)"> + <g transform="translate(0 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 40) rotate(270)">DELAY</text> + <g transform="translate(18 0)"><svg id="DELAY_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 43)"><svg id="DELAY_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(143 7)"><svg id="DELAY_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(180 7)"><svg id="DELAY_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 56)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">ATT</text> + <g transform="translate(18 0)"><svg id="ATTACK_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 34)"><svg id="ATTACK_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(143 7)"><svg id="ATTACK_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(180 7)"><svg id="ATTACK_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 112)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">DEC</text> + <g transform="translate(18 0)"><svg id="DECAY_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 34)"><svg id="DECAY_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(143 7)"><svg id="DECAY_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(180 7)"><svg id="DECAY_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 168)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">SUS</text> + <g transform="translate(18 0)"><svg id="SUSTAIN_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 34)"><svg id="SUSTAIN_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(143 7)"><svg id="SUSTAIN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(180 7)"><svg id="SUSTAIN_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 224)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">REL</text> + <g transform="translate(18 0)"><svg id="RELEASE_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 34)"><svg id="RELEASE_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(143 7)"><svg id="RELEASE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(180 7)"><svg id="RELEASE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(75 280)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(48 2) rotate(90)">HOLD</text> + <g transform="translate(-1.7 0)"><svg id="HOLD_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(68 7)"><svg id="HOLD_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + </g> + + <g transform="scale(0.75) translate(11 19)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(11 94)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(11 169)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(11 243)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-210) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(30 0)"> + <polyline points="0,0 5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(11 318)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(85 392.5)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + + + <g transform="translate(77 96)"> + <g transform="translate(0 0)"> + <svg id="ATTACK_SHAPE1_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(5 5)"> + <path d="M 1 1 Q 1 -6, 8 -6" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + <g transform="translate(0 10)"> + <svg id="ATTACK_SHAPE2_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(5 5)"> + <polyline points="0,1 10,1" stroke-width="1" fill="none" transform="rotate(-45)"/> + </g> + </g> + <g transform="translate(0 20)"> + <svg id="ATTACK_SHAPE3_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(5 5)"> + <path d="M 0 1 Q 7 1, 8 -7" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + <g transform="translate(0 28)"> + <svg id="ATTACK_SHAPE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg> + </g> + </g> + + <g transform="translate(77 152.5)"> + <g transform="translate(0 0)"> + <svg id="DECAY_SHAPE1_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(5 0)"> + <path d="M 0.5 -1 Q 1 6, 8 6" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + <g transform="translate(0 10)"> + <svg id="DECAY_SHAPE2_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(6 -2)"> + <polyline points="0,1 10,1" stroke-width="1" fill="none" transform="rotate(45)"/> + </g> + </g> + <g transform="translate(0 20)"> + <svg id="DECAY_SHAPE3_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(5 0)"> + <path d="M 0.5 -1 Q 6 0, 7 6" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + <g transform="translate(0 28)"> + <svg id="DECAY_SHAPE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg> + </g> + </g> + + <g transform="translate(77 264.5)"> + <g transform="translate(0 0)"> + <svg id="RELEASE_SHAPE1_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(5 0)"> + <path d="M 0.5 -1 Q 1 6, 8 6" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + <g transform="translate(0 10)"> + <svg id="RELEASE_SHAPE2_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(6 -2)"> + <polyline points="0,1 10,1" stroke-width="1" fill="none" transform="rotate(45)"/> + </g> + </g> + <g transform="translate(0 20)"> + <svg id="RELEASE_SHAPE3_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg> + <g transform="translate(5 0)"> + <path d="M 0.5 -1 Q 6 0, 7 6" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + <g transform="translate(0 28)"> + <svg id="RELEASE_SHAPE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg> + </g> + </g> + + + <g class="io-group" transform="translate(84 37)"> + <rect class="input-background" width="58" height="40" rx="5"/> + <g transform="translate(6 6)"><svg id="TRIGGER_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(31 3)"><svg id="TRIGGER_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text> + </g> + + <g transform="translate(120 93)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-8 27.5) rotate(270)">MODE</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-5 -1)">GATE</text> + <g transform="translate(0 2)"><svg id="MODE_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">TRIG</text> + </g> + + <g transform="translate(120 143)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">CYCLE</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text> + <g transform="translate(0 2)"><svg id="LOOP_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text> + </g> + + <g transform="translate(20 319)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-7 28.5) rotate(270)">SPEED</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(2 -1)">1X</text> + <g transform="translate(0 2)"><svg id="SPEED_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1 34)">10X</text> + </g> + + <g transform="translate(55 319)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-7 31) rotate(270)">RETRIG</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 -1)">ATT</text> + <g transform="translate(0 2)"><svg id="RETRIGGER_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 34)">RST</text> + </g> + + <g class="io-group" transform="translate(112 187)"> + <rect class="output-background" width="30" height="116" rx="5"/> + <g transform="translate(0 1)"> + <g transform="translate(3 3)"><svg id="ENV_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> + </g> + <g transform="translate(0 38)"> + <g transform="translate(3 3)"><svg id="INV_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">INV</text> + </g> + <g transform="translate(0 75)"> + <g transform="translate(3 3)"><svg id="TRIGGER_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text> + </g> + </g> +</svg> diff --git a/res-pp/DADSRHPlus-pp.svg b/res-pp/DADSRHPlus-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -71,11 +69,11 @@ text.input-label, text.output-label { <g class="io-group" transform="translate(149 26)"> <rect class="input-background" width="30" height="323" rx="5"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text> </g> <g class="io-group" transform="translate(186 26)"> <rect class="output-background" width="30" height="267" rx="5"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text> </g> <g transform="translate(9 33)"> @@ -235,7 +233,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -248,10 +246,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -259,16 +257,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -285,7 +283,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -298,10 +296,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -309,16 +307,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -335,7 +333,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -348,10 +346,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -359,16 +357,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -385,31 +383,31 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-210) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(30 0)"> - <polyline points="0,0 5,0" stroke-width="0.5"/> + <polyline points="0,0 5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -426,7 +424,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -439,10 +437,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -450,16 +448,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -476,7 +474,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -489,10 +487,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -500,16 +498,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> diff --git a/res-pp/DGate-dark-pp.svg b/res-pp/DGate-dark-pp.svg @@ -0,0 +1,285 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">DGATE</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 0)">DELAY</text> + <g transform="translate(0 0)"><svg id="DELAY_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 0)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(17 0)"> + <g transform="translate(3 0) rotate(240)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(17 0)"> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(17 0)"> + <g transform="translate(3 0) rotate(145.13)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(17 0)"> + <g transform="translate(3 0) rotate(27.87)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + </g> + </g> + <g transform="translate(20.8 40)"><svg id="DELAY_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(0 84)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 0)">GATE</text> + <g transform="translate(0 0)"><svg id="GATE_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 0)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(17 0)"> + <g transform="translate(3 0) rotate(240)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(17 0)"> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(17 0)"> + <g transform="translate(3 0) rotate(145.13)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(17 0)"> + <g transform="translate(3 0) rotate(27.87)"> + <text font-size="6.5pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + </g> + </g> + <g transform="translate(20.8 40)"><svg id="GATE_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(15.5 143)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text> + <g transform="translate(0 2)"><svg id="LOOP_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text> + </g> + + <g transform="translate(0 187)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 58)"/> + <rect class="input-background" width="34" height="62" rx="5"/> + <g transform="translate(8 4)"><svg id="TRIGGER_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 26)"><svg id="TRIGGER_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 58)">TRIG</text> + </g> + <g class="io-group" transform="translate(0 62)"> + <rect class="output-background" width="34" height="74" rx="5" transform="translate(5.5 0)"/> + <rect class="output-background-filler" width="34" height="10" transform="translate(5.5 0)"/> + <g transform="translate(5.5 0)"> + <g transform="translate(5 3)"><svg id="GATE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 35)">GATE</text> + </g> + <g transform="translate(5.5 38)"> + <g transform="translate(5 0)"><svg id="END_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 32)">END</text> + </g> + </g> + </g> +</svg> diff --git a/res-pp/DGate-pp.svg b/res-pp/DGate-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">DGATE</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -88,7 +86,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(17 0)"> - <polyline points="0,0 1.5,0" stroke-width="0.3"/> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(17 0)"> <g transform="translate(3 0) rotate(145.13)"> @@ -96,13 +94,13 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-105.84) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-75.68) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(17 0)"> <g transform="translate(3 0) rotate(27.87)"> @@ -110,19 +108,19 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> </g> </g> @@ -148,7 +146,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(17 0)"> - <polyline points="0,0 1.5,0" stroke-width="0.3"/> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(17 0)"> <g transform="translate(3 0) rotate(145.13)"> @@ -156,13 +154,13 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-105.84) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-75.68) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(17 0)"> <g transform="translate(3 0) rotate(27.87)"> @@ -170,19 +168,19 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> </g> </g> diff --git a/res-pp/Detune-dark-pp.svg b/res-pp/Detune-dark-pp.svg @@ -0,0 +1,217 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-cents-detune" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">50</text> + </g> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">DETUNE</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">CENTS</text> + <g transform="translate(9.5 7.5)"><svg id="CENTS_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-cents-detune" transform="translate(0 -2)" href="#dial-cents-detune"/> + </g> + + <g class="io-group" transform="translate(5.5 74)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="CV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + </g> + + <g transform="translate(0 123)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> + </g> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="107" rx="5"/> + <g transform="translate(5 0)"><svg id="THRU_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 32)">THRU</text> + <g transform="translate(5 36)"><svg id="OUT_PLUS_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 68)">OUT+</text> + <g transform="translate(5 72)"><svg id="OUT_MINUS_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 104)">OUT-</text> + </g> + </g> +</svg> diff --git a/res-pp/Detune-pp.svg b/res-pp/Detune-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -60,31 +58,31 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">50</text> @@ -106,7 +104,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">DETUNE</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/EQ-dark-pp.svg b/res-pp/EQ-dark-pp.svg @@ -0,0 +1,198 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-eq-eq" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-6 3)">-36</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-215) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-190) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-165) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-140) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-115) translate(17 0)"/> + <text font-size="5.0pt" transform="rotate(-90) translate(20 0) rotate(90) translate(-1.9 3)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-15) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(17 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-3.5 3)">12</text> + <text font-size="5.0pt" transform="rotate(90) translate(20 0) rotate(-90) translate(-4 3)">dB</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">EQ</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 36)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(12.5 0)">LOW</text> + <g transform="translate(0 3)"><svg id="LOW_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-eq-eq" transform="translate(0 3)" href="#dial-eq-eq"/> + + </g> + + <g transform="translate(0 114)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(13.5 0)">MID</text> + <g transform="translate(0 3)"><svg id="MID_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-eq-eq" transform="translate(0 3)" href="#dial-eq-eq"/> + + </g> + + <g transform="translate(0 192)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(10 0)">HIGH</text> + <g transform="translate(0 3)"><svg id="HIGH_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-eq-eq" transform="translate(0 3)" href="#dial-eq-eq"/> + + </g> + + <g transform="translate(0 264)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/EQ-pp.svg b/res-pp/EQ-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-eq-eq" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-6 3)">-36</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-215) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-215) translate(17 0)"/> <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-190) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-165) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-165) translate(17 0)"/> <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-140) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-115) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-115) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(-90) translate(20 0) rotate(90) translate(-1.9 3)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-52.5) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(17 0)"/> <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-15) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(22.5) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-3.5 3)">12</text> <text font-size="5.0pt" transform="rotate(90) translate(20 0) rotate(-90) translate(-4 3)">dB</text> </g> @@ -85,7 +83,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">EQ</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/EQS-dark-pp.svg b/res-pp/EQS-dark-pp.svg @@ -0,0 +1,207 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-eq-eqs" viewBox="0 0 70px 70px"> + <g transform="translate(35 35)"> + <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-36</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-215) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-190) translate(25 0) rotate(190) translate(-10 2.5)">-24</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-165) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-140) translate(25 0) rotate(140) translate(-10 2.5)">-12</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-115) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-90) translate(25 0) rotate(90) translate(-2.3 2.5)">0</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-52.5) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-15) translate(25 0) rotate(15) translate(-3 2.5)">6</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">12</text> + <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="90.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">EQS</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + <g transform="translate(0 40)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(32 0)">LOW</text> + <g transform="translate(26 13)"><svg id="LOW_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-eq-eqs" transform="translate(10 -3)" href="#dial-eq-eqs"/> + </g> + + <g transform="translate(0 122)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(33 0)">MID</text> + <g transform="translate(26 13)"><svg id="MID_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-eq-eqs" transform="translate(10 -3)" href="#dial-eq-eqs"/> + </g> + + <g transform="translate(0 204)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(29 0)">HIGH</text> + <g transform="translate(26 13)"><svg id="HIGH_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-eq-eqs" transform="translate(10 -3)" href="#dial-eq-eqs"/> + </g> + + <g transform="translate(11 275)"> + <g class="io-group" transform="translate(0 0)"> + <rect class="input-background-filler" width="68" height="10" transform="translate(0 31)"/> + <rect class="input-background" width="68" height="38" rx="5"/> + <g transform="translate(5 4)"><svg id="LEFT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text> + <g transform="translate(39 4)"><svg id="RIGHT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text> + </g> + <g class="io-group" transform="translate(0 44)"> + <rect class="output-background-filler" width="68" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="68" height="37" rx="5"/> + <g transform="translate(5 1)"><svg id="LEFT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text> + <g transform="translate(39 1)"><svg id="RIGHT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text> + </g> + </g> +</svg> diff --git a/res-pp/EQS-pp.svg b/res-pp/EQS-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-eq-eqs" viewBox="0 0 70px 70px"> <g transform="translate(35 35)"> <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-36</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-215) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-215) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-190) translate(25 0) rotate(190) translate(-10 2.5)">-24</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-165) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-165) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-140) translate(25 0) rotate(140) translate(-10 2.5)">-12</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-115) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-115) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-90) translate(25 0) rotate(90) translate(-2.3 2.5)">0</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-52.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-52.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-15) translate(25 0) rotate(15) translate(-3 2.5)">6</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(22.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">12</text> <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> </g> @@ -81,10 +79,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">EQS</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">EQS</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> diff --git a/res-pp/Edge-dark-pp.svg b/res-pp/Edge-dark-pp.svg @@ -0,0 +1,300 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-time-edge" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + <g transform="rotate(-225) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-210) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-195) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-165) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + <g transform="rotate(-150) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-135) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-105) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + + <g transform="rotate(-90) translate(17 0)"> + + <g transform="translate(2.4 0) rotate(90)"> + <text font-size="5pt" transform="translate(-1.9 2)">0</text> + </g> + </g> + + <g transform="rotate(-75) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-45) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-15) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + <g transform="rotate(0) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(15) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(45) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + + <g transform="rotate(-225) translate(22 0)"> + + <g transform="translate(2.5 0) rotate(225)"> + <text font-size="5pt" transform="translate(-3 7)">-10</text> + </g> + </g> + <g transform="rotate(45) translate(22 0)"> + + <g transform="translate(2.5 0) rotate(-45)"> + <text font-size="5pt" transform="translate(-7 7)">10</text> + </g> + </g> + </g> + </symbol> + + <symbol id="dial-hold-edge" viewBox="0 0 40px 40px"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-240) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(15 0) rotate(240) translate(-3.5 2)">0</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-145.13) translate(10 0)"/> + <text font-size="5.0pt" transform="rotate(-145.13) translate(18 0) rotate(145.13) translate(-2 2.2)">0.1</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.87) translate(10 0)"/> + <text font-size="5.0pt" transform="rotate(-27.87) translate(15 0) rotate(27.87) translate(-5 0)">0.5</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <text font-size="5pt" letter-spacing="1" transform="rotate(60) translate(15 0) rotate(-60) translate(-0.5 2)">1s</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">EDGE</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">RISE</text> + <g transform="translate(0 5)"><svg id="RISE_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-time-edge" transform="scale(1) translate(0 5)" href="#dial-time-edge"/> + + </g> + + <g transform="translate(0 89)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 0)">FALL</text> + <g transform="translate(0 5)"><svg id="FALL_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-time-edge" transform="scale(1) translate(0 5)" href="#dial-time-edge"/> + + </g> + + <g transform="translate(0 153)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 0)">HOLD</text> + <g transform="translate(14.5 9)"><svg id="HOLD_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-hold-edge" transform="scale(1) translate(2.5 -3)" href="#dial-hold-edge"/> + + </g> + + <g transform="translate(0 191)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 38)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 0)"/> + <rect class="output-background" width="34" height="109" rx="5"/> + <g transform="translate(5 3)"><svg id="HIGH_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="1.2px" transform="translate(11 35)">HIGH</text> + <g transform="translate(2 29.3)"><svg id="HIGH_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(5 38)"><svg id="RISE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.9 70)">RISE</text> + <g transform="translate(5 73)"><svg id="FALL_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 105)">FALL</text> + </g> + </g> +</svg> diff --git a/res-pp/Edge-pp.svg b/res-pp/Edge-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -60,31 +58,31 @@ text.input-label, text.output-label { <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-225) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-210) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-195) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-165) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-150) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-135) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-105) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(17 0)"> @@ -95,31 +93,31 @@ text.input-label, text.output-label { </g> <g transform="rotate(-75) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-45) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-15) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(0) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(15) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(45) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> @@ -142,16 +140,16 @@ text.input-label, text.output-label { <symbol id="dial-hold-edge" viewBox="0 0 40px 40px"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-240) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-240) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(15 0) rotate(240) translate(-3.5 2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-172.92) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-145.13) translate(10 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-145.13) translate(10 0)"/> <text font-size="5.0pt" transform="rotate(-145.13) translate(18 0) rotate(145.13) translate(-2 2.2)">0.1</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-27.87) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.87) translate(10 0)"/> <text font-size="5.0pt" transform="rotate(-27.87) translate(15 0) rotate(27.87) translate(-5 0)">0.5</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> <text font-size="5pt" letter-spacing="1" transform="rotate(60) translate(15 0) rotate(-60) translate(-0.5 2)">1s</text> </g> </symbol> @@ -170,7 +168,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">EDGE</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/EightFO-dark-pp.svg b/res-pp/EightFO-dark-pp.svg @@ -0,0 +1,648 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="255" height="380" viewBox="0 0 255 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="waves-eightfo" viewBox="0 0 70px 70px"> + + <g transform="translate(20 35)"> + + <polyline points="0,0 5,0" stroke-width="1" transform="rotate(-90) translate(11 0)"/> + <polyline points="0,0 5,0" stroke-width="1" transform="rotate(-45) translate(11 0)"/> + <polyline points="0,0 5,0" stroke-width="1" transform="rotate(0) translate(11 0)"/> + <polyline points="0,0 5,0" stroke-width="1" transform="rotate(45) translate(11 0)"/> + <polyline points="0,0 5,0" stroke-width="1" transform="rotate(90) translate(11 0)"/> + </g> + <g transform="translate(14 8)"> + + <polyline points="0,8 12,0 12,8" stroke-width="1" fill="none"/> + </g> + <g transform="translate(33.5 13.5)"> + + <polyline points="0,8 0,0 12,8" stroke-width="1" fill="none"/> + </g> + <g transform="translate(39 31)"> + + <path d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#ddd" fill="none"/> + <path d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + <g transform="translate(33.5 48.5)"> + + <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> + </g> + <g transform="translate(14 54)"> + + <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> + </g> + </symbol> + + <symbol id="dial-phase-eightfo" viewBox="0 0 40px 40px"> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="255.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 254.0,1 254.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 254.5,0.5 254.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 255.0,0 255.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(127.5 19)">8FO</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(127.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(112.0 -5)"/> + </g> + + + <g transform="translate(20 25)"> + + + + <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM"> + <g transform="translate(34 34)"> + <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(10 15)"> + <g transform="translate(64 64)"> + <g transform="rotate(-225.08) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(225.08) translate(-10.5 3.5)">0.1</text> + </g> + <g transform="rotate(-171.49) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(171.49) translate(-11 3.5)">0.5</text> + </g> + <g transform="rotate(-71.76) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(71.76) translate(-2 3.5)">10</text> + </g> + <g transform="rotate(-124.62) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" letter-spacing="1px" transform="translate(14 0) rotate(124.62) translate(-10 3.5)">0V</text> + </g> + <g transform="rotate(-18.17) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(18.17) translate(-2 3.5)">50</text> + </g> + <g transform="rotate(27.98) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(-27.98) translate(-2 3.5)">200</text> + </g> + <g transform="rotate(51.05) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(-51.05) translate(-2 3.5)">400HZ</text> + </g> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-240) translate(37 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-216.92) translate(37 0)"/> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-193.85) translate(37 0)"/> + + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-147.69) translate(37 0)"/> + + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-101.54) translate(37 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-78.46) translate(37 0)"/> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-55.38) translate(37 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-32.31) translate(37 0)"/> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-9.23) translate(37 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(13.85) translate(37 0)"/> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(36.92) translate(37 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(60) translate(37 0)"/> + </g> + </g> + + + + <text font-size="6pt" letter-spacing="1px" transform="translate(34 133)">0V = C-3 = 2.04HZ</text> + + <g transform="translate(78 335)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SLOW</text> + <g transform="translate(40 -1.3)"><svg id="SLOW_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + + <g transform="translate(10 163)"> + + <g transform="translate(10 0)"> + <g transform="translate(0 5)"><svg id="WAVE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + + </g> + <g transform="translate(70 0)"> + + + + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">SAM/PW</text> + <g transform="translate(20 0)"><svg id="SAMPLE_PWM_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(80.5 -9.6)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> + </g> + </g> + </g> + <use xlink:href="#waves-eightfo" transform="translate(-2 -22)" href="#waves-eightfo"/> + </g> + + + <g transform="translate(10 226)"> + + + + + <g transform="translate(10 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 36.5) rotate(270)">OFFSET</text> + <g transform="translate(20 0)"><svg id="OFFSET_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(20.5 -9.6)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> + </g> + </g> + </g> + <g transform="translate(70 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 32) rotate(270)">SCALE</text> + <g transform="translate(20 0)"><svg id="SCALE_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(80.5 -9.6)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + </g> + + <g transform="translate(137 32)"> + <g transform="translate(3 4)"> + <g transform="translate(0 0)"> + <g transform="translate(4 4)"><svg id="PHASE7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(0 40)"> + <g transform="translate(4 4)"><svg id="PHASE6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(0 80)"> + <g transform="translate(4 4)"><svg id="PHASE5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(0 120)"> + <g transform="translate(4 4)"><svg id="PHASE4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 160)"> + <g transform="translate(4 4)"><svg id="PHASE3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(0 200)"> + <g transform="translate(4 4)"><svg id="PHASE2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(0 240)"> + <g transform="translate(4 4)"><svg id="PHASE1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(0 280)"> + + <g transform="translate(4 4)"><svg id="PHASE0_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + </g> + </g> + + <g transform="translate(137 36)"> + <use xlink:href="#dial-phase-eightfo" transform="translate(3 0) translate(12 12) rotate(-225) translate(-20 -20)" href="#dial-phase-eightfo"/> + <use xlink:href="#dial-phase-eightfo" transform="translate(3 40) translate(12 12) rotate(-180) translate(-20 -20)" href="#dial-phase-eightfo"/> + <use xlink:href="#dial-phase-eightfo" transform="translate(3 80) translate(12 12) rotate(-135) translate(-20 -20)" href="#dial-phase-eightfo"/> + <use xlink:href="#dial-phase-eightfo" transform="translate(3 120) translate(12 12) rotate(-90) translate(-20 -20)" href="#dial-phase-eightfo"/> + + <use xlink:href="#dial-phase-eightfo" transform="translate(3 160) translate(12 12) rotate(-45) translate(-20 -20)" href="#dial-phase-eightfo"/> + <use xlink:href="#dial-phase-eightfo" transform="translate(3 200) translate(12 12) rotate(0) translate(-20 -20)" href="#dial-phase-eightfo"/> + <use xlink:href="#dial-phase-eightfo" transform="translate(3 240) translate(12 12) rotate(45) translate(-20 -20)" href="#dial-phase-eightfo"/> + <use xlink:href="#dial-phase-eightfo" transform="translate(3 280) translate(12 12) rotate(90) translate(-20 -20)" href="#dial-phase-eightfo"/> + </g> + + <g class="io-group" transform="translate(176 32)"> + <rect class="input-background" width="30" height="328" rx="5"/> + <g transform="translate(3 4)"> + <g transform="translate(0 0)"><svg id="PHASE7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 40)"><svg id="PHASE6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 80)"><svg id="PHASE5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 120)"><svg id="PHASE4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + + <g transform="translate(0 160)"><svg id="PHASE3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 200)"><svg id="PHASE2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 240)"><svg id="PHASE1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 280)"><svg id="PHASE0_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text> + </g> + + <g class="io-group" transform="translate(215 32)"> + <rect class="output-background" width="30" height="328" rx="5"/> + <g transform="translate(3 4)"> + <g transform="translate(0 0)"><svg id="PHASE7_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 40)"><svg id="PHASE6_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 80)"><svg id="PHASE5_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 120)"><svg id="PHASE4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <g transform="translate(0 160)"><svg id="PHASE3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 200)"><svg id="PHASE2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 240)"><svg id="PHASE1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 280)"><svg id="PHASE0_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text> + </g> + + + + + <g class="io-group" transform="translate(0 313)"> + <rect class="input-background" width="70" height="87" rx="5" transform="translate(10 -40)"/> + <rect class="input-background" width="108" height="43" rx="5" transform="translate(10 -40)"/> + + <g transform="translate(10 -40)"> + + <g transform="translate(4 4)"><svg id="SAMPLE_PWM_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(4 38)">S/PW</text> + </g> + <g transform="translate(50 -40)"> + + <g transform="translate(2 4)"><svg id="OFFSET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(4.5 38)">OFF</text> + </g> + <g transform="translate(90 -40)"> + + <g transform="translate(0 4)"><svg id="SCALE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 38)">SCL</text> + </g> + <g transform="translate(10 0)"> + + <g transform="translate(4 5)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(2 40)">V/OCT</text> + </g> + <g transform="translate(50 0)"> + + <g transform="translate(2 5)"><svg id="RESET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0 40)">RESET</text> + </g> + </g> +</svg> diff --git a/res-pp/EightFO-pp.svg b/res-pp/EightFO-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -92,10 +90,10 @@ text.input-label, text.output-label { <g transform="rotate(-90) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1"/> </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </symbol> </defs> @@ -228,31 +226,31 @@ text.input-label, text.output-label { <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> @@ -284,31 +282,31 @@ text.input-label, text.output-label { <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> @@ -328,15 +326,15 @@ text.input-label, text.output-label { <g transform="translate(80.5 -9.6)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -486,7 +484,7 @@ text.input-label, text.output-label { </g> </svg></g> </g> - <text font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text> </g> <g class="io-group" transform="translate(215 32)"> @@ -542,7 +540,7 @@ text.input-label, text.output-label { </g> </svg></g> </g> - <text font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text> </g> diff --git a/res-pp/EightHP-dark-pp.svg b/res-pp/EightHP-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="120" height="380" viewBox="0 0 120 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="120.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 119.0,1 119.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 120.0,0 120.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(60.0 19)">8HP8HP</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(60.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(44.5 -5)"/> + </g> + +</svg> diff --git a/res-pp/EightHP-pp.svg b/res-pp/EightHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/EightOne-dark-pp.svg b/res-pp/EightOne-dark-pp.svg @@ -0,0 +1,311 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="90.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">8:1</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + <g class="io-group" transform="translate(6.5 32)"> + <rect class="input-background" width="34" height="337" rx="5" transform="translate(0 -9)"/> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">IN</text> + + <g transform="translate(5 3)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">1</text> + <g transform="translate(17 29.5)"><svg id="IN1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 44.3)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 76.3)">2</text> + <g transform="translate(17 70.8)"><svg id="IN2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 86.6)"><svg id="IN3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 118.6)">3</text> + <g transform="translate(17 113.1)"><svg id="IN3_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 126.9)"><svg id="IN4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 158.9)">4</text> + <g transform="translate(17 153.4)"><svg id="IN4_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 168.1)"><svg id="IN5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 200.1)">5</text> + <g transform="translate(17 194.6)"><svg id="IN5_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 209.4)"><svg id="IN6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 241.4)">6</text> + <g transform="translate(17 235.9)"><svg id="IN6_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 250.7)"><svg id="IN7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 282.7)">7</text> + <g transform="translate(17 277.2)"><svg id="IN7_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 292)"><svg id="IN8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 324)">8</text> + <g transform="translate(17 318.5)"><svg id="IN8_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + + <g class="io-group" transform="translate(49.5 32)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 30)"/> + <g transform="translate(5 3)"><svg id="CLOCK_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(4 35)">CLOCK</text> + </g> + <g class="io-group" transform="translate(49.5 69)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="RESET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(5 35)">RESET</text> + </g> + + <g transform="translate(44 121)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(7.5 0)">STEPS</text> + <g transform="translate(14.5 10.5)"><svg id="STEPS_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -1)"> + <g transform="translate(20 20)"> + <text font-size="5.0pt" transform="rotate(-240) translate(13 0) rotate(240) translate(-2 2)">1</text> + <text font-size="5.0pt" transform="rotate(-197.1) translate(13 0) rotate(197.1) translate(-2 2)">2</text> + <text font-size="5.0pt" transform="rotate(-154.3) translate(13 0) rotate(154.3) translate(-2 2)">3</text> + <text font-size="5.0pt" transform="rotate(-111.4) translate(13 0) rotate(111.4) translate(-2 2)">4</text> + <text font-size="5.0pt" transform="rotate(-68.6) translate(13 0) rotate(68.6) translate(-2 2)">5</text> + <text font-size="5.0pt" transform="rotate(-25.7) translate(13 0) rotate(25.7) translate(-2 2)">6</text> + <text font-size="5.0pt" transform="rotate(17.1) translate(13 0) rotate(-17.1) translate(-2 2)">7</text> + <text font-size="5.0pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-2 2)">8</text> + </g> + </g> + </g> + + <g transform="translate(59 166)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1.8 -1)">FWD</text> + <g transform="translate(0 2)"><svg id="DIRECTION_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1.3 34)">REV</text> + </g> + + + + <g transform="translate(44 220)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">SELECT</text> + <g transform="translate(0 2)"><svg id="SELECT_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 2)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(19 0) rotate(240) translate(-2 2)">1</text> + <text font-size="5.0pt" transform="rotate(-197.1) translate(19 0) rotate(197.1) translate(-2 2)">2</text> + <text font-size="5.0pt" transform="rotate(-154.3) translate(19 0) rotate(154.3) translate(-2 2)">3</text> + <text font-size="5.0pt" transform="rotate(-111.4) translate(19 0) rotate(111.4) translate(-2 2)">4</text> + <text font-size="5.0pt" transform="rotate(-68.6) translate(19 0) rotate(68.6) translate(-2 2)">5</text> + <text font-size="5.0pt" transform="rotate(-25.7) translate(19 0) rotate(25.7) translate(-2 2)">6</text> + <text font-size="5.0pt" transform="rotate(17.1) translate(19 0) rotate(-17.1) translate(-2 2)">7</text> + <text font-size="5.0pt" transform="rotate(60) translate(19 0) rotate(-60) translate(-2 2)">8</text> + </g> + </g> + <g class="io-group" transform="translate(5.5 47)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="SELECT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11.5 35)">CV</text> + </g> + </g> + + <g class="io-group" transform="translate(49.5 321)"> + <rect class="output-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 35)">OUT</text> + </g> + + + + + +</svg> diff --git a/res-pp/EightOne-pp.svg b/res-pp/EightOne-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,16 +60,16 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">8:1</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">8:1</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> <g class="io-group" transform="translate(6.5 32)"> <rect class="input-background" width="34" height="337" rx="5" transform="translate(0 -9)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">IN</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">IN</text> <g transform="translate(5 3)"><svg id="IN1_INPUT"> <g transform="translate(12 12)"> diff --git a/res-pp/EighteenHP-dark-pp.svg b/res-pp/EighteenHP-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="270" height="380" viewBox="0 0 270 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="270.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 269.0,1 269.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 269.5,0.5 269.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 270.0,0 270.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(135.0 19)">18HP-18HP-18HP</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(135.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(119.5 -5)"/> + </g> + +</svg> diff --git a/res-pp/EighteenHP-pp.svg b/res-pp/EighteenHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/FFB-dark-pp.svg b/res-pp/FFB-dark-pp.svg @@ -0,0 +1,556 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="120" height="380" viewBox="0 0 120 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="120.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 119.0,1 119.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 120.0,0 120.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(110.0 19)">FFB</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + + <g transform="translate(1.5 24)"> + + <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">125</text> + <g transform="translate(6 13.5)"><svg id="BAND_1_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + <g transform="translate(41 24)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">500</text> + <g transform="translate(6 13.5)"><svg id="BAND_5_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + <g transform="translate(80.5 24)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7 6)">2000</text> + <g transform="translate(6 13.5)"><svg id="BAND_9_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + + <g transform="translate(1.5 75)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">175</text> + <g transform="translate(6 13.5)"><svg id="BAND_2_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + <g transform="translate(41 75)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">700</text> + <g transform="translate(6 13.5)"><svg id="BAND_6_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + <g transform="translate(80.5 75)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7 6)">2800</text> + <g transform="translate(6 13.5)"><svg id="BAND_10_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + + <g transform="translate(1.5 126)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">250</text> + <g transform="translate(6 13.5)"><svg id="BAND_3_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + <g transform="translate(41 126)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 6)">1000</text> + <g transform="translate(6 13.5)"><svg id="BAND_7_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + <g transform="translate(80.5 126)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 6)">4000</text> + <g transform="translate(6 13.5)"><svg id="BAND_11_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + + <g transform="translate(1.5 177)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">350</text> + <g transform="translate(6 13.5)"><svg id="BAND_4_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + <g transform="translate(41 177)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 6)">1400</text> + <g transform="translate(6 13.5)"><svg id="BAND_8_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + <g transform="translate(80.5 177)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7 6)">5600</text> + <g transform="translate(6 13.5)"><svg id="BAND_12_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + + <g transform="translate(1.5 228)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(13.5 6)">LP</text> + <g transform="translate(6 13.5)"><svg id="LOWPASS_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + <g transform="translate(41 228)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(6 6)">FREQ</text> + <g transform="translate(11 18.5)"><svg id="CV_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-1 6.5)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(80.5 228)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(12.5 6)">HP</text> + <g transform="translate(6 13.5)"><svg id="HIGHPASS_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-3.5 4)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + + </g> + + <g class="io-group" transform="translate(28.5 278)"> + <rect class="input-background" width="63" height="43" rx="5"/> + <rect class="input-background-filler" width="63" height="10" transform="translate(0 33)"/> + <g transform="translate(1 0)"> + <g transform="translate(3 4)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> + </g> + <g transform="translate(32 0)"> + <g transform="translate(3 4)"><svg id="CV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5.5 39)">FCV</text> + </g> + </g> + <g class="io-group" transform="translate(13 320)"> + <rect class="output-background" width="94" height="43" rx="5"/> + <g transform="translate(1 0)"> + <g transform="translate(3 4)"><svg id="ALL_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 39)">ALL</text> + </g> + <g transform="translate(32 0)"> + <g transform="translate(3 4)"><svg id="ODD_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 39)">ODD</text> + </g> + <g transform="translate(63 0)"> + <g transform="translate(3 4)"><svg id="EVEN_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(3 39)">EVEN</text> + </g> + </g> +</svg> diff --git a/res-pp/FFB-pp.svg b/res-pp/FFB-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <polyline class="module-border-middle" points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> <polyline class="module-border-outer" points="0,0 120.0,0 120.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="middle" transform="translate(60.0 19)">FFB</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(110.0 19)">FFB</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> @@ -83,15 +81,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -109,15 +107,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -135,15 +133,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -162,15 +160,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -188,15 +186,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -214,15 +212,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -241,15 +239,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -267,15 +265,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -293,15 +291,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -320,15 +318,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -346,15 +344,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -372,15 +370,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -399,15 +397,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -424,13 +422,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(-1 6.5)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -446,15 +442,15 @@ text.input-label, text.output-label { <g transform="translate(-3.5 4)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> diff --git a/res-pp/FMOp-dark-pp.svg b/res-pp/FMOp-dark-pp.svg @@ -0,0 +1,512 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-ratio-fmop" viewBox="0 0 88px 78px"> + <g transform="translate(49 39)"> + <g transform="rotate(-240) translate(19 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-11 3.5)">.01</text> + </g> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-225) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-195) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + + <g transform="rotate(-165) translate(19 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(165) translate(-5.5 3.5)">.5</text> + </g> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-135) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-105) translate(22 0)"/> + + <g transform="rotate(-90) translate(19 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(90) translate(-2.7 3.5)">1</text> + </g> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-73.33) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-56.67) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-40) translate(22 0)"/> + + <g transform="rotate(-23.33) translate(19 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(23.33) translate(-2.7 3.5)">5</text> + </g> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-6.67) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(10) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(26.67) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(43.33) translate(22 0)"/> + + <g transform="rotate(60) translate(19 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-3 3.5)">10</text> + </g> + </g> + </symbol> + + <symbol id="dial-time-fmop" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> + </g> + <g transform="rotate(-172.92) translate(15 0)"> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(145.13) translate(-2.2 2.2)">1</text> + </g> + <g transform="rotate(-105.84) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-75.68) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(27.87) translate(-2.2 2.2)">5</text> + </g> + <g transform="rotate(-7.62) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(16 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-5 2.2)">10</text> + </g> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="150.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">FM-OP</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> + </g> + + + <g transform="translate(10 25)"> + + <g transform="translate(0 20)"> + + <g transform="translate(20 0)"><svg id="RATIO_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <use xlink:href="#dial-ratio-fmop" transform="translate(-10 0)" href="#dial-ratio-fmop"/> + <g transform="translate(82 20)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 35) rotate(270)">FINE</text> + <g transform="translate(20 12)"><svg id="FINE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + + </g> + <g transform="translate(90 20)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + + <g transform="translate(87 94)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">ATT</text> + <g transform="translate(20 0)"><svg id="ATTACK_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + + <use xlink:href="#dial-time-fmop" transform="translate(10.5 -9.5)" href="#dial-time-fmop"/> + <g transform="translate(31.5 29)"><svg id="ATTACK_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(87 139)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">DEC</text> + <g transform="translate(20 0)"><svg id="DECAY_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + + <use xlink:href="#dial-time-fmop" transform="translate(10.5 -9.5)" href="#dial-time-fmop"/> + <g transform="translate(31.5 29)"><svg id="DECAY_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(87 184)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">SUS</text> + <g transform="translate(20 0)"><svg id="SUSTAIN_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + + <g transform="translate(10.5 -9.5)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + <g transform="translate(31.5 29)"><svg id="SUSTAIN_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(87 229)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">REL</text> + <g transform="translate(20 0)"><svg id="RELEASE_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + + <use xlink:href="#dial-time-fmop" transform="translate(10.5 -9.5)" href="#dial-time-fmop"/> + <g transform="translate(31.5 29)"><svg id="RELEASE_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + + + + + + <g transform="translate(16 106)"> + <text font-size="8pt" letter-spacing="1px" transform="translate(8 38) rotate(270)">DEPTH</text> + <g transform="translate(20 0)"><svg id="DEPTH_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(18.5 35)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.2)">ENV</text> + <g transform="translate(20 -1.3)"><svg id="ENV_TO_DEPTH_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(10.5 -9.5)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + </g> + <g transform="translate(16 162)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 35) rotate(270)">FDBK</text> + <g transform="translate(20 0)"><svg id="FEEDBACK_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(18.5 35)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.2)">ENV</text> + <g transform="translate(20 -1.3)"><svg id="ENV_TO_FEEDBACK_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(10.5 -9.5)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + </g> + <g transform="translate(16 218)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 37.5) rotate(270)">LEVEL</text> + <g transform="translate(20 0)"><svg id="LEVEL_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(18.5 35)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.2)">ENV</text> + <g transform="translate(20 -1.3)"><svg id="ENV_TO_LEVEL_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(10.5 -9.5)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + </g> + + + + + + <g class="io-group" transform="translate(0 269)"> + <rect class="output-background" width="130" height="91" rx="5" transform="translate(10 0)"/> + <rect class="input-background" width="97" height="91" rx="5" transform="translate(10 0)"/> + <rect class="input-background" width="130" height="44" rx="5" transform="translate(10 0)"/> + <rect class="input-background-filler" width="10" height="10" transform="translate(130 34)"/> + <rect class="input-background-filler" width="10" height="10" transform="translate(97 81)"/> + + <g transform="translate(12 0)"> + <g transform="translate(3 5)"><svg id="DEPTH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">DEPTH</text> + </g> + <g transform="translate(44 0)"> + <g transform="translate(3 5)"><svg id="FEEDBACK_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3.5 40)">FDBK</text> + </g> + <g transform="translate(76 0)"> + <g transform="translate(3 5)"><svg id="LEVEL_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">LEVEL</text> + </g> + <g transform="translate(108 0)"> + <g transform="translate(3 5)"><svg id="SUSTAIN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(6 40)">SUS</text> + </g> + + <g transform="translate(10 44)"> + <g transform="translate(2 0)"> + <g transform="translate(3 5)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> + </g> + <g transform="translate(34 0)"> + <g transform="translate(3 5)"><svg id="FM_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(8.5 40)">FM</text> + </g> + <g transform="translate(66 0)"> + <g transform="translate(3 5)"><svg id="GATE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">GATE</text> + </g> + <g transform="translate(98 0)"> + <g transform="translate(3 5)"><svg id="AUDIO_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(6 40)">OUT</text> + </g> + </g> + </g> +</svg> diff --git a/res-pp/FMOp-pp.svg b/res-pp/FMOp-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -108,34 +106,34 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-172.92) translate(15 0)"> - <polyline points="0,0 1.5,0" stroke-width="0.3"/> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(145.13) translate(-2.2 2.2)">1</text> </g> <g transform="rotate(-105.84) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-75.68) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(27.87) translate(-2.2 2.2)">5</text> </g> <g transform="rotate(-7.62) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(16 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-5 2.2)">10</text> @@ -186,13 +184,11 @@ text.input-label, text.output-label { </g> <g transform="translate(90 20)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -243,15 +239,15 @@ text.input-label, text.output-label { <g transform="translate(10.5 -9.5)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -301,15 +297,15 @@ text.input-label, text.output-label { <g transform="translate(10.5 -9.5)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -334,15 +330,15 @@ text.input-label, text.output-label { <g transform="translate(10.5 -9.5)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -368,15 +364,15 @@ text.input-label, text.output-label { <g transform="translate(10.5 -9.5)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> diff --git a/res-pp/FifteenHP-dark-pp.svg b/res-pp/FifteenHP-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="225.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">15HP-15HP</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/> + </g> + +</svg> diff --git a/res-pp/FifteenHP-pp.svg b/res-pp/FifteenHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/FiveHP-dark-pp.svg b/res-pp/FiveHP-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="75.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(72.0 17)">5HP</text> + <g transform="translate(25 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> + </g> + +</svg> diff --git a/res-pp/FiveHP-pp.svg b/res-pp/FiveHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(68.0 17)">5HP</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(72.0 17)">5HP</text> <g transform="translate(25 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text> - <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> + <rect class="background-fill" width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> </g> </svg> diff --git a/res-pp/FlipFlop-dark-pp.svg b/res-pp/FlipFlop-dark-pp.svg @@ -0,0 +1,193 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="1.5px">FLIPFLOP</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 18)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="70" rx="5"/> + <g transform="translate(5 3)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text> + <g transform="translate(5 38)"><svg id="RESET1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 70)">RESET</text> + </g> + <g class="io-group" transform="translate(5.5 76)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="70" rx="5"/> + <g transform="translate(5 0)"><svg id="A1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 32)">A</text> + <g transform="translate(5 35)"><svg id="B1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 67)">B</text> + </g> + </g> + + <g transform="translate(0 169)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="70" rx="5"/> + <g transform="translate(5 3)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text> + <g transform="translate(5 38)"><svg id="RESET2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 70)">RESET</text> + </g> + <g class="io-group" transform="translate(5.5 76)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="70" rx="5"/> + <g transform="translate(5 0)"><svg id="A2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 32)">A</text> + <g transform="translate(5 35)"><svg id="B2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 67)">B</text> + </g> + </g> +</svg> diff --git a/res-pp/FlipFlop-pp.svg b/res-pp/FlipFlop-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -63,10 +61,10 @@ text.input-label, text.output-label { <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"/> <g transform="rotate(-90) translate(-376.0 13)"> - <text class="title" font-size="7pt" letter-spacing="2.5px">FLIPFLOP</text> + <text class="title" font-size="7pt" letter-spacing="1.5px">FLIPFLOP</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/Follow-dark-pp.svg b/res-pp/Follow-dark-pp.svg @@ -0,0 +1,220 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-response-follow" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(17 0)"/> + </g> + </symbol> + + <symbol id="dial-scale-follow" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="8pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 3)">-</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <text font-size="6pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">+</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">FOLLOW</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(8.5 0)">DAMP</text> + <g transform="translate(0 3)"><svg id="RESPONSE_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-response-follow" transform="translate(0 3)" href="#dial-response-follow"/> + <g class="io-group" transform="translate(5.5 49)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="RESPONSE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + </g> + </g> + + <g transform="translate(0 131)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(11.5 0)">GAIN</text> + <g transform="translate(0 3)"><svg id="GAIN_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-scale-follow" transform="translate(0 3)" href="#dial-scale-follow"/> + <g class="io-group" transform="translate(5.5 49)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="GAIN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + </g> + </g> + + <g transform="translate(0 230)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> + + +</svg> diff --git a/res-pp/Follow-pp.svg b/res-pp/Follow-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-response-follow" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(17 0)"/> </g> </symbol> @@ -73,15 +71,15 @@ text.input-label, text.output-label { <symbol id="dial-scale-follow" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="8pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 3)">-</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="6pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">+</text> </g> </symbol> @@ -100,7 +98,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">FOLLOW</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/FourMan-dark-pp.svg b/res-pp/FourMan-dark-pp.svg @@ -0,0 +1,223 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">4MAN</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 18)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 25)"/> + <rect class="input-background" width="34" height="33" rx="5"/> + <g transform="translate(8 4)"><svg id="TRIGGER1_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + </g> + + <g class="io-group" transform="translate(5.5 37)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="38" rx="5"/> + <g transform="translate(2 2)"> + <g transform="translate(3 0)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text> + </g> + </g> + </g> + + <g transform="translate(0 98)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 25)"/> + <rect class="input-background" width="34" height="33" rx="5"/> + <g transform="translate(8 4)"><svg id="TRIGGER2_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + </g> + + <g class="io-group" transform="translate(5.5 37)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="38" rx="5"/> + <g transform="translate(2 2)"> + <g transform="translate(3 0)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text> + </g> + </g> + </g> + + <g transform="translate(0 178)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 25)"/> + <rect class="input-background" width="34" height="33" rx="5"/> + <g transform="translate(8 4)"><svg id="TRIGGER3_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + </g> + + <g class="io-group" transform="translate(5.5 37)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="38" rx="5"/> + <g transform="translate(2 2)"> + <g transform="translate(3 0)"><svg id="OUT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text> + </g> + </g> + </g> + + <g transform="translate(0 258)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 25)"/> + <rect class="input-background" width="34" height="33" rx="5"/> + <g transform="translate(8 4)"><svg id="TRIGGER4_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + </g> + + <g class="io-group" transform="translate(5.5 37)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="38" rx="5"/> + <g transform="translate(2 2)"> + <g transform="translate(3 0)"><svg id="OUT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text> + </g> + </g> + </g> +</svg> diff --git a/res-pp/FourMan-pp.svg b/res-pp/FourMan-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">4MAN</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -80,7 +78,7 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> </g> </svg></g> - <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> <g class="io-group" transform="translate(5.5 37)"> @@ -107,7 +105,7 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> </g> </svg></g> - <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> <g class="io-group" transform="translate(5.5 37)"> @@ -134,7 +132,7 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> </g> </svg></g> - <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> <g class="io-group" transform="translate(5.5 37)"> @@ -161,7 +159,7 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> </g> </svg></g> - <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> <g class="io-group" transform="translate(5.5 37)"> diff --git a/res-pp/Inv-dark-pp.svg b/res-pp/Inv-dark-pp.svg @@ -0,0 +1,213 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">INV</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 18)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="113" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 103)"/> + <g transform="translate(8 4)"><svg id="GATE1_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 26)"><svg id="GATE1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5 58)">GATE</text> + <text class="input-label" font-size="5pt" letter-spacing="0.3px" transform="translate(1 71)">LATCH</text> + <g transform="translate(24 64)"><svg id="LATCH1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 78)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(13 110)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 113)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 0)"/> + <rect class="output-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(14 35)">OUT</text> + <g transform="translate(5 29.3)"><svg id="LOW1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(5 29.3)"><svg id="HIGH1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + </g> + + <g transform="translate(0 183)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="113" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 103)"/> + <g transform="translate(8 4)"><svg id="GATE2_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 26)"><svg id="GATE2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5 58)">GATE</text> + <text class="input-label" font-size="5pt" letter-spacing="0.3px" transform="translate(1 71)">LATCH</text> + <g transform="translate(24 64)"><svg id="LATCH2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 78)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(13 110)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 113)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 0)"/> + <rect class="output-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(14 35)">OUT</text> + <g transform="translate(5 29.3)"><svg id="LOW2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(5 29.3)"><svg id="HIGH2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + </g> +</svg> diff --git a/res-pp/Inv-pp.svg b/res-pp/Inv-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">INV</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -87,7 +85,7 @@ text.input-label, text.output-label { </g> </svg></g> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5 58)">GATE</text> - <text font-size="5pt" letter-spacing="0.3px" transform="translate(1 71)">LATCH</text> + <text class="input-label" font-size="5pt" letter-spacing="0.3px" transform="translate(1 71)">LATCH</text> <g transform="translate(24 64)"><svg id="LATCH1_PARAM"> <g transform="translate(4.5 4.5)"> <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> @@ -136,7 +134,7 @@ text.input-label, text.output-label { </g> </svg></g> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5 58)">GATE</text> - <text font-size="5pt" letter-spacing="0.3px" transform="translate(1 71)">LATCH</text> + <text class="input-label" font-size="5pt" letter-spacing="0.3px" transform="translate(1 71)">LATCH</text> <g transform="translate(24 64)"><svg id="LATCH2_PARAM"> <g transform="translate(4.5 4.5)"> <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> diff --git a/res-pp/LFO-dark-pp.svg b/res-pp/LFO-dark-pp.svg @@ -0,0 +1,454 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="150.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">LFO</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> + </g> + + + + + <g transform="translate(21 25)"> + + + + <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM"> + <g transform="translate(34 34)"> + <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(11 15)"> + <g transform="translate(64 64)"> + <g transform="rotate(-225.08) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(225.08) translate(-10.5 3.5)">0.1</text> + </g> + <g transform="rotate(-171.49) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(171.49) translate(-11 3.5)">0.5</text> + </g> + <g transform="rotate(-71.76) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(71.76) translate(-2 3.5)">10</text> + </g> + <g transform="rotate(-124.62) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" letter-spacing="1px" transform="translate(14 0) rotate(124.62) translate(-10 3.5)">0V</text> + </g> + <g transform="rotate(-18.17) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(18.17) translate(-2 3.5)">50</text> + </g> + <g transform="rotate(27.98) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(-27.98) translate(-2 3.5)">200</text> + </g> + <g transform="rotate(51.05) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(-51.05) translate(-2 3.5)">400HZ</text> + </g> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-240) translate(37 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-216.92) translate(37 0)"/> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-193.85) translate(37 0)"/> + + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-147.69) translate(37 0)"/> + + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-101.54) translate(37 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-78.46) translate(37 0)"/> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-55.38) translate(37 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-32.31) translate(37 0)"/> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-9.23) translate(37 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(13.85) translate(37 0)"/> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(36.92) translate(37 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(60) translate(37 0)"/> + </g> + </g> + + + + <text font-size="6pt" letter-spacing="1px" transform="translate(34 133)">0V = C-3 = 2.04HZ</text> + + <g transform="translate(110.5 238.5)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.1)">SLOW</text> + <g transform="translate(26.5 -1)"><svg id="SLOW_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(10 150)"> + <g transform="translate(7 0)"> + + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 27) rotate(270)">SAM</text> + <g transform="translate(20 0)"><svg id="SAMPLE_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(17.5 -9.6)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + <g transform="translate(72 0)"> + + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 22.5) rotate(270)">PW</text> + <g transform="translate(20 0)"><svg id="PW_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(82.5 -9.6)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> + </g> + </g> + </g> + </g> + + <g transform="translate(10 196)"> + <g transform="translate(7 0)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 18) rotate(270)">OFF</text> + <g transform="translate(25 0)"><svg id="OFFSET_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(20 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(72 0)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 18) rotate(270)">SCL</text> + <g transform="translate(25 0)"><svg id="SCALE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(85 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + + + + + <g class="io-group" transform="translate(0 225)"> + <rect class="output-background" width="130" height="91" rx="5" transform="translate(10 44)"/> + <rect class="output-background" width="97.5" height="135" rx="5" transform="translate(10 0)"/> + <rect class="input-background" width="65" height="135" rx="5" transform="translate(10 0)"/> + <rect class="input-background-filler" width="10" height="8" transform="translate(32.5 0)"/> + <rect class="input-background-filler" width="10" height="8" transform="translate(65 0)"/> + <rect class="input-background-filler" width="10" height="8" transform="translate(65 127)"/> + + <g transform="translate(12 0)"> + <g transform="translate(3 5)"><svg id="SAMPLE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(5 40)">SAM</text> + </g> + <g transform="translate(44 0)"> + <g transform="translate(3 5)"><svg id="PW_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(8 40)">PW</text> + </g> + <g transform="translate(76 0)"> + <g transform="translate(3 5)"><svg id="RAMP_DOWN_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <g transform="translate(9 33.5)"> + + <polyline class="output-label" points="0,8 0,0 12,8" stroke-width="1" fill="none"/> + </g> + </g> + + <g transform="translate(0 44)"> + <g transform="translate(12 0)"> + <g transform="translate(3 5)"><svg id="OFFSET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(6.5 40)">OFF</text> + </g> + <g transform="translate(44 0)"> + <g transform="translate(3 5)"><svg id="SCALE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(6.5 40)">SCL</text> + </g> + <g transform="translate(76 0)"> + <g transform="translate(3 5)"><svg id="RAMP_UP_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(9 33.5)"> + <polyline class="output-label" points="0,8 12,0 12,8" stroke-width="1" fill="none"/> + </g> + </g> + <g transform="translate(108 0)"> + <g transform="translate(3 5)"><svg id="SQUARE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <g transform="translate(9 33.5)"> + + <polyline class="output-label" points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> + </g> + </g> + + <g transform="translate(10 44)"> + <g transform="translate(2 0)"> + <g transform="translate(3 5)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> + </g> + <g transform="translate(34 0)"> + <g transform="translate(3 5)"><svg id="RESET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0.7 40)">RESET</text> + </g> + <g transform="translate(66 0)"> + <g transform="translate(3 5)"><svg id="TRIANGLE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <g transform="translate(9 33.5)"> + + <polyline class="output-label" points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> + </g> + </g> + <g transform="translate(98 0)"> + <g transform="translate(3 5)"><svg id="SINE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <g transform="translate(9 33.5)"> + + <path class="output-label" d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#ddd" fill="none"/> + <path class="output-label" d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + </g> + </g> + </g> +</svg> diff --git a/res-pp/LFO-pp.svg b/res-pp/LFO-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -166,15 +164,15 @@ text.input-label, text.output-label { <g transform="translate(17.5 -9.6)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -196,31 +194,31 @@ text.input-label, text.output-label { <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> @@ -243,13 +241,11 @@ text.input-label, text.output-label { </g> <g transform="translate(20 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(72 0)"> @@ -265,13 +261,11 @@ text.input-label, text.output-label { </g> <g transform="translate(85 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -316,7 +310,7 @@ text.input-label, text.output-label { <g transform="translate(9 33.5)"> - <polyline points="0,8 0,0 12,8" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,8 0,0 12,8" stroke-width="1" fill="none"/> </g> </g> @@ -347,7 +341,7 @@ text.input-label, text.output-label { </g> </svg></g> <g transform="translate(9 33.5)"> - <polyline points="0,8 12,0 12,8" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,8 12,0 12,8" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(108 0)"> @@ -360,7 +354,7 @@ text.input-label, text.output-label { <g transform="translate(9 33.5)"> - <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> </g> </g> @@ -393,7 +387,7 @@ text.input-label, text.output-label { <g transform="translate(9 33.5)"> - <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(98 0)"> @@ -406,8 +400,8 @@ text.input-label, text.output-label { <g transform="translate(9 33.5)"> - <path d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> - <path d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> + <path class="output-label" d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> + <path class="output-label" d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> </g> </g> </g> diff --git a/res-pp/LLFO-dark-pp.svg b/res-pp/LLFO-dark-pp.svg @@ -0,0 +1,318 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-frequency-llfo" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(60) translate(15 0)"/> + + <g transform="rotate(-202) translate(14 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="translate(0 0)"/> + <text font-size="5.0pt" transform="translate(5 0) rotate(202) translate(3 9.5) rotate(-90)">0.2</text> + </g> + + <g transform="rotate(-124.62) translate(14 0)"> + <polyline points="0,0 2.5,0" stroke-width="1.0" transform="translate(0 0)"/> + <text font-size="5.0pt" transform="translate(5 0) rotate(124.62) translate(-7.5 2.3)">OV</text> + </g> + + <g transform="rotate(-48.68) translate(14 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="translate(0 0)"/> + <text font-size="5.0pt" transform="translate(5 0) rotate(48.68) translate(-1 2.3)">20</text> + </g> + + <g transform="rotate(27.98) translate(14 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="translate(0 0)"/> + <text font-size="5.0pt" transform="translate(5 0) rotate(-27.98) translate(-2.3 -0.5) rotate(90)">200</text> + </g> + + <text font-size="5.0pt" transform="translate(-4.5 22)">HZ</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">LLFO</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + + + <g transform="translate(0 25)"> + + <g transform="translate(9.5 2)"><svg id="FREQUENCY_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-frequency-llfo" transform="translate(0 -7.5)" href="#dial-frequency-llfo"/> + </g> + + <g transform="translate(0 72)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text> + <g transform="translate(31 -1)"><svg id="SLOW_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(0.5 88)"> + + <g transform="translate(9 0)"> + <g transform="translate(0 0)"> + <g transform="translate(-7.5 1)"><svg id="SINE_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(1 1) scale(0.8)"> + + <path d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#ddd" fill="none"/> + <path d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + + <g transform="translate(0 13)"> + <g transform="translate(-7.5 1)"><svg id="RAMP_UP_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(1 1) scale(0.8)"> + + <polyline points="0,8 12,0 12,8" stroke-width="1" fill="none"/> + </g> + </g> + + <g transform="translate(0 26)"> + <g transform="translate(-7.5 1)"><svg id="SQUARE_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(1 1) scale(0.8)"> + + <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> + </g> + </g> + </g> + + <g transform="translate(31 0)"> + <g transform="translate(0 0)"> + <g transform="translate(-7.5 1)"><svg id="TRIANGLE_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(1 1) scale(0.8)"> + + <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> + </g> + </g> + + <g transform="translate(0 13)"> + <g transform="translate(-7.5 1)"><svg id="RAMP_DOWN_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(1 1) scale(0.8)"> + + <polyline points="0,8 0,0 12,8" stroke-width="1" fill="none"/> + </g> + </g> + + <g transform="translate(0 26)"> + <g transform="translate(-7.5 1)"><svg id="PULSE_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(1 1) scale(0.8)"> + + <polyline points="0,4 0,0 3,0 3,8 12,8 12,4" stroke-width="1" fill="none"/> + </g> + </g> + </g> + + <g transform="translate(17.5 38)"><svg id="WAVE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 149)"> + + <text font-size="6pt" letter-spacing="2px" transform="translate(3 0)">OFFSET</text> + <g transform="translate(14.5 9.5)"><svg id="OFFSET_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -2.5)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(0 190)"> + + <text font-size="6pt" letter-spacing="2px" transform="translate(6.6 0)">SCALE</text> + <g transform="translate(14.5 9.5)"><svg id="SCALE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -2.5)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(0 228)"> + + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="70" rx="5"/> + <g transform="translate(5 3)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text> + <g transform="translate(5 38)"><svg id="RESET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 70)">RESET</text> + </g> + <g class="io-group" transform="translate(5.5 76)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/LLFO-pp.svg b/res-pp/LLFO-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -60,7 +58,7 @@ text.input-label, text.output-label { <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(60) translate(15 0)"/> <g transform="rotate(-202) translate(14 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="translate(0 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="translate(0 0)"/> <text font-size="5.0pt" transform="translate(5 0) rotate(202) translate(3 9.5) rotate(-90)">0.2</text> </g> @@ -70,12 +68,12 @@ text.input-label, text.output-label { </g> <g transform="rotate(-48.68) translate(14 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="translate(0 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="translate(0 0)"/> <text font-size="5.0pt" transform="translate(5 0) rotate(48.68) translate(-1 2.3)">20</text> </g> <g transform="rotate(27.98) translate(14 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="translate(0 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="translate(0 0)"/> <text font-size="5.0pt" transform="translate(5 0) rotate(-27.98) translate(-2.3 -0.5) rotate(90)">200</text> </g> @@ -97,7 +95,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">LLFO</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -211,13 +209,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -2.5)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -234,13 +230,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -2.5)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> diff --git a/res-pp/LVCF-dark-pp.svg b/res-pp/LVCF-dark-pp.svg @@ -0,0 +1,268 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-cutoff-lvcf" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-218.8) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-192.6) translate(15 0)"/> + + <text font-size="5.0pt" transform="rotate(-172.2) translate(18 0) rotate(172.2) translate(-1 2)">1</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + + <text font-size="5.0pt" transform="rotate(-27.9) translate(18 0) rotate(27.9) translate(-4 2)">10</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(15 0)"/> + + <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2 2)">20</text> + + <text font-size="4.0pt" transform="rotate(90) translate(18 0) rotate(-90) translate(-5 2)">KHZ</text> + </g> + </symbol> + + <symbol id="dial-q-lvcf" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </symbol> + + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">LVCF</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 31)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(5 0)">CUTOFF</text> + <g transform="translate(9.5 8)"><svg id="FREQUENCY_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-cutoff-lvcf" transform="translate(0 -1.5)" href="#dial-cutoff-lvcf"/> + </g> + + <g transform="translate(0 84)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(16 0)">CV</text> + <g transform="translate(14.5 9.5)"><svg id="FREQUENCY_CV_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -2.5)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(0 130)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(5 0)">RES/BW</text> + <g transform="translate(9.5 8)"><svg id="Q_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-q-lvcf" transform="translate(0 -1.5)" href="#dial-q-lvcf"/> + </g> + + <g transform="translate(0.5 180)"> + <g transform="translate(10 0)"> + <g transform="translate(0 0)"> + <g transform="translate(-7.5 1)"><svg id="LOWPASS_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">LP</text> + </g> + + <g transform="translate(0 13)"> + <g transform="translate(-7.5 1)"><svg id="BANDPASS_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">BP</text> + </g> + </g> + + <g transform="translate(32 0)"> + <g transform="translate(0 0)"> + <g transform="translate(-7.5 1)"><svg id="HIGHPASS_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">HP</text> + </g> + + <g transform="translate(0 13)"> + <g transform="translate(-7.5 1)"><svg id="BANDREJECT_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">BR</text> + </g> + </g> + + <g transform="translate(17.5 24)"><svg id="MODE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 225)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 70)">CV</text> + </g> + <g class="io-group" transform="translate(5.5 76)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/LVCF-pp.svg b/res-pp/LVCF-pp.svg @@ -36,35 +36,33 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-cutoff-lvcf" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-218.8) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-192.6) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-218.8) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-192.6) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-172.2) translate(18 0) rotate(172.2) translate(-1 2)">1</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-27.9) translate(18 0) rotate(27.9) translate(-4 2)">10</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(19.8) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2 2)">20</text> @@ -75,15 +73,15 @@ text.input-label, text.output-label { <symbol id="dial-q-lvcf" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </symbol> @@ -103,7 +101,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">LVCF</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -131,13 +129,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -2.5)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> diff --git a/res-pp/LVCO-dark-pp.svg b/res-pp/LVCO-dark-pp.svg @@ -0,0 +1,295 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-frequency-lvco" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-206.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-173.33) translate(15 0)"/> + + <g transform="rotate(-140) translate(14 0)"> + <polyline points="0,0 2.5,0" stroke-width="1.0" transform="translate(0 0)"/> + <text font-size="5.0pt" transform="translate(5 0) rotate(140) translate(-5.5 0)">OV</text> + </g> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-106.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-73.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-6.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(26.67) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(60) translate(15 0)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">LVCO</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + + + <g transform="translate(0 25)"> + + <g transform="translate(9.5 2)"><svg id="FREQUENCY_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-frequency-lvco" transform="translate(0 -7.5)" href="#dial-frequency-lvco"/> + </g> + + <g transform="translate(0 63)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text> + <g transform="translate(31 -1)"><svg id="SLOW_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(0.5 86)"> + + <g transform="translate(9 0)"> + <g transform="translate(0 0)"> + <g transform="translate(-7.5 1)"><svg id="SINE_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(1 1) scale(0.8)"> + + <path d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#ddd" fill="none"/> + <path d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + + <g transform="translate(0 13)"> + <g transform="translate(-7.5 1)"><svg id="SAW_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(1 1) scale(0.8)"> + + <polyline points="0,8 12,0 12,8" stroke-width="1" fill="none"/> + </g> + </g> + + <g transform="translate(0 26)"> + <g transform="translate(-7.5 1)"><svg id="PULSE_25_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(1 1) scale(0.8)"> + + <polyline points="0,4 0,0 4.5,0 4.5,8 12,8 12,4" stroke-width="1" fill="none"/> + </g> + </g> + </g> + + <g transform="translate(31 0)"> + <g transform="translate(0 0)"> + <g transform="translate(-7.5 1)"><svg id="TRIANGLE_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(1 1) scale(0.8)"> + + <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> + </g> + </g> + + <g transform="translate(0 13)"> + <g transform="translate(-7.5 1)"><svg id="SQUARE_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(1 1) scale(0.8)"> + + <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> + </g> + </g> + + <g transform="translate(0 26)"> + <g transform="translate(-7.5 1)"><svg id="PULSE_10_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(1 1) scale(0.8)"> + + <polyline points="0,4 0,0 3,0 3,8 12,8 12,4" stroke-width="1" fill="none"/> + </g> + </g> + </g> + + <g transform="translate(17.5 38)"><svg id="WAVE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 150.5)"> + + <text font-size="6pt" letter-spacing="2px" transform="translate(16 0)">FM</text> + <g transform="translate(14.5 9.5)"><svg id="FM_DEPTH_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -2.5)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(0 193)"> + + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 98)"/> + <rect class="input-background" width="34" height="105" rx="5"/> + <g transform="translate(5 3)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text> + <g transform="translate(5 38)"><svg id="FM_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 70)">FM</text> + <g transform="translate(5 73)"><svg id="SYNC_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5 105)">SYNC</text> + </g> + <g class="io-group" transform="translate(5.5 111)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/LVCO-pp.svg b/res-pp/LVCO-pp.svg @@ -36,40 +36,38 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-frequency-lvco" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-206.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-173.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-206.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-173.33) translate(15 0)"/> <g transform="rotate(-140) translate(14 0)"> <polyline points="0,0 2.5,0" stroke-width="1.0" transform="translate(0 0)"/> <text font-size="5.0pt" transform="translate(5 0) rotate(140) translate(-5.5 0)">OV</text> </g> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-106.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-73.33) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-40) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-6.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(26.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-106.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-73.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-6.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(26.67) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(60) translate(15 0)"/> </g> </symbol> @@ -88,7 +86,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">LVCO</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -202,13 +200,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -2.5)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> diff --git a/res-pp/Lag-dark-pp.svg b/res-pp/Lag-dark-pp.svg @@ -0,0 +1,233 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-shape-lag" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-10 2)">LOG</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2.5 2)">EXP</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">LAG</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(9.5 0)">TIME</text> + <g transform="translate(0 3)"><svg id="TIME_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 3)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">1</text> + </g> + </g> + <g transform="translate(14.5 59)"><svg id="TIME_SCALE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 44.5)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-135) translate(15 0) rotate(135) translate(-8 2)">0.1</text> + <polyline points="0,0 2,0" stroke-width="1" transform="rotate(-135) translate(9.5 0)"/> + <text font-size="5.0pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-2 2)">1</text> + <polyline points="0,0 2,0" stroke-width="1" transform="rotate(-90) translate(9.5 0)"/> + <text font-size="5.0pt" transform="rotate(-45) translate(15 0) rotate(45) translate(-2 2)">10</text> + <polyline points="0,0 2,0" stroke-width="1" transform="rotate(-45) translate(9.5 0)"/> + </g> + </g> + <g class="io-group" transform="translate(5.5 79)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="TIME_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + </g> + </g> + + <g transform="translate(0 165)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(7.5 0)">SHAPE</text> + <g transform="translate(0 3)"><svg id="SHAPE_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-shape-lag" transform="translate(0 3)" href="#dial-shape-lag"/> + <g class="io-group" transform="translate(5.5 49)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="SHAPE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + </g> + </g> + + <g transform="translate(0 264)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/Lag-pp.svg b/res-pp/Lag-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-shape-lag" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-10 2)">LOG</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2.5 2)">EXP</text> </g> </symbol> @@ -84,7 +82,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">LAG</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -101,15 +99,15 @@ text.input-label, text.output-label { <g transform="translate(0 3)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">1</text> </g> </g> diff --git a/res-pp/Lmtr-dark-pp.svg b/res-pp/Lmtr-dark-pp.svg @@ -0,0 +1,234 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="90.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">LMTR</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + + + + + + + <g transform="translate(0 40)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 0)">THRESHOLD</text> + <g transform="translate(26 12)"><svg id="THRESHOLD_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(10 -4)"> + <g transform="translate(35 35)"> + <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text> + <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> + </g> + </g> + </g> + + <g transform="translate(0 122)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(15.5 0)">OUT GAIN</text> + <g transform="translate(26 12)"><svg id="OUTPUT_GAIN_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(10 -4)"> + <g transform="translate(35 35)"> + <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-4 2.5)">0</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-202.5) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-165) translate(25 0) rotate(165) translate(-3.5 2.5)">6</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-127.5) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-90) translate(25 0) rotate(90) translate(-5 2.5)">12</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-52.5) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-15) translate(25 0) rotate(15) translate(-2 2.5)">18</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-1 2.5)">24</text> + <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> + </g> + </g> + </g> + + <g transform="translate(40 198)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-8 25.5) rotate(270)">KNEE</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4 -1)">SOFT</text> + <g transform="translate(0 2)"><svg id="KNEE_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text> + </g> + + <g transform="translate(11 240)"> + <g class="io-group" transform="translate(0 0)"> + <rect class="input-background-filler" width="68" height="10" transform="translate(0 66)"/> + <rect class="input-background" width="68" height="73" rx="5"/> + <g transform="translate(5 4)"><svg id="LEFT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text> + <g transform="translate(39 4)"><svg id="RIGHT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text> + <g transform="translate(5 40)"><svg id="THRESHOLD_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">TRSH</text> + <g transform="translate(39 40)"><svg id="OUTPUT_GAIN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(42 72)">OGN</text> + </g> + <g class="io-group" transform="translate(0 79)"> + <rect class="output-background-filler" width="68" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="68" height="37" rx="5"/> + <g transform="translate(5 1)"><svg id="LEFT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text> + <g transform="translate(39 1)"><svg id="RIGHT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text> + </g> + </g> +</svg> diff --git a/res-pp/Lmtr-pp.svg b/res-pp/Lmtr-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">LMTR</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">LMTR</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> @@ -87,15 +85,15 @@ text.input-label, text.output-label { <g transform="translate(10 -4)"> <g transform="translate(35 35)"> <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-210) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-150) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-90) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-30) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(30) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text> <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> </g> @@ -114,13 +112,13 @@ text.input-label, text.output-label { <g transform="translate(10 -4)"> <g transform="translate(35 35)"> <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-4 2.5)">0</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-202.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-202.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-165) translate(25 0) rotate(165) translate(-3.5 2.5)">6</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-127.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-127.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-90) translate(25 0) rotate(90) translate(-5 2.5)">12</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-52.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-52.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-15) translate(25 0) rotate(15) translate(-2 2.5)">18</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(22.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-1 2.5)">24</text> <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> </g> diff --git a/res-pp/Manual-dark-pp.svg b/res-pp/Manual-dark-pp.svg @@ -0,0 +1,191 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">MANUAL</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 18)"> + <g transform="translate(0 0)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 25)"/> + <rect class="input-background" width="34" height="33" rx="5"/> + <g transform="translate(8 4)"><svg id="TRIGGER_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + </g> + </g> + + <g transform="translate(0 37)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="250" rx="5"/> + + <g transform="translate(2 2)"> + <g transform="translate(3 0)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 30)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 60)"><svg id="OUT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 90)"><svg id="OUT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <g transform="translate(3 120)"><svg id="OUT5_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 150)"><svg id="OUT6_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 180)"><svg id="OUT7_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 210)"><svg id="OUT8_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 244)">OUT</text> + </g> + </g> + </g> + </g> +</svg> diff --git a/res-pp/Manual-pp.svg b/res-pp/Manual-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">MANUAL</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -81,7 +79,7 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> </g> </svg></g> - <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> </g> diff --git a/res-pp/Matrix44-dark-pp.svg b/res-pp/Matrix44-dark-pp.svg @@ -0,0 +1,508 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="150.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">MATRIX44</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> + </g> + + + <g transform="translate(13.5 42.5)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text> + <g transform="translate(3.5 16)"><svg id="MIX11_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(13.5 99)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2A</text> + <g transform="translate(3.5 16)"><svg id="MIX21_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(13.5 155)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3A</text> + <g transform="translate(3.5 16)"><svg id="MIX31_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(13.5 211)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4A</text> + <g transform="translate(3.5 16)"><svg id="MIX41_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(45.5 42.5)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1B</text> + <g transform="translate(3.5 16)"><svg id="MIX12_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(45.5 99)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2B</text> + <g transform="translate(3.5 16)"><svg id="MIX22_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(45.5 155)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3B</text> + <g transform="translate(3.5 16)"><svg id="MIX32_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(45.5 211)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4B</text> + <g transform="translate(3.5 16)"><svg id="MIX42_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(77.5 42.5)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1C</text> + <g transform="translate(3.5 16)"><svg id="MIX13_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(77.5 99)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2C</text> + <g transform="translate(3.5 16)"><svg id="MIX23_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(77.5 155)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3C</text> + <g transform="translate(3.5 16)"><svg id="MIX33_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(77.5 211)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4C</text> + <g transform="translate(3.5 16)"><svg id="MIX43_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(109.5 42.5)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1D</text> + <g transform="translate(3.5 16)"><svg id="MIX14_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(109.5 99)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2D</text> + <g transform="translate(3.5 16)"><svg id="MIX24_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(109.5 155)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3D</text> + <g transform="translate(3.5 16)"><svg id="MIX34_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(109.5 211)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4D</text> + <g transform="translate(3.5 16)"><svg id="MIX44_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g class="io-group" transform="translate(0 269)"> + <rect class="output-background" width="130" height="91" rx="5" transform="translate(10 0)"/> + <rect class="input-background" width="130" height="44" rx="5" transform="translate(10 0)"/> + <rect class="input-background-filler" width="130" height="10" transform="translate(10 34)"/> + + <g transform="translate(12 0)"> + <g transform="translate(3 5)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">1</text> + </g> + <g transform="translate(44 0)"> + <g transform="translate(3 5)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">2</text> + </g> + <g transform="translate(76 0)"> + <g transform="translate(3 5)"><svg id="IN3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">3</text> + </g> + <g transform="translate(108 0)"> + <g transform="translate(3 5)"><svg id="IN4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(12.4 40)">4</text> + </g> + + <g transform="translate(10 44)"> + <g transform="translate(2 0)"> + <g transform="translate(3 5)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(12.2 40)">A</text> + </g> + <g transform="translate(34 0)"> + <g transform="translate(3 5)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">B</text> + </g> + <g transform="translate(66 0)"> + <g transform="translate(3 5)"><svg id="OUT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">C</text> + </g> + <g transform="translate(98 0)"> + <g transform="translate(3 5)"><svg id="OUT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">D</text> + </g> + </g> + </g> + + + + + +</svg> diff --git a/res-pp/Matrix44-pp.svg b/res-pp/Matrix44-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -81,10 +79,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -100,10 +98,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -119,10 +117,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -138,10 +136,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -158,10 +156,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -177,10 +175,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -196,10 +194,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -215,10 +213,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -235,10 +233,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -254,10 +252,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -273,10 +271,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -292,10 +290,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -312,10 +310,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -331,10 +329,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -350,10 +348,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -369,10 +367,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 6)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> diff --git a/res-pp/Matrix88-dark-pp.svg b/res-pp/Matrix88-dark-pp.svg @@ -0,0 +1,1402 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="330" height="380" viewBox="0 0 330 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="330.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 329.0,1 329.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 330.0,0 330.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(165.0 19)">MATRIX88</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(165.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(149.5 -5)"/> + </g> + + + <g class="io-group" transform="translate(5.5 25)"> + <rect class="input-background" width="34" height="293" rx="5" transform="translate(0 0)"/> + <g transform="translate(5 5)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 42)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 79)"><svg id="IN3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 116)"><svg id="IN4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 153)"><svg id="IN5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 190)"><svg id="IN6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 227)"><svg id="IN7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 264)"><svg id="IN8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(46.5 323)"> + <rect class="output-background" width="278.5" height="34" rx="5" transform="translate(0 0)"/> + <g transform="translate(5 5)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(40 5)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(75 5)"><svg id="OUT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(110 5)"><svg id="OUT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(145 5)"><svg id="OUT5_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(180 5)"><svg id="OUT6_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(215 5)"><svg id="OUT7_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(250 5)"><svg id="OUT8_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(50 24)"> + <g transform="translate(3.5 8)"><svg id="MIX11_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(50 61)"> + <g transform="translate(3.5 8)"><svg id="MIX21_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(50 98)"> + <g transform="translate(3.5 8)"><svg id="MIX31_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(50 135)"> + <g transform="translate(3.5 8)"><svg id="MIX41_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(50 172)"> + <g transform="translate(3.5 8)"><svg id="MIX51_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(50 209)"> + <g transform="translate(3.5 8)"><svg id="MIX61_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(50 246)"> + <g transform="translate(3.5 8)"><svg id="MIX71_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(50 283)"> + <g transform="translate(3.5 8)"><svg id="MIX81_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(85 24)"> + <g transform="translate(3.5 8)"><svg id="MIX12_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(85 61)"> + <g transform="translate(3.5 8)"><svg id="MIX22_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(85 98)"> + <g transform="translate(3.5 8)"><svg id="MIX32_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(85 135)"> + <g transform="translate(3.5 8)"><svg id="MIX42_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(85 172)"> + <g transform="translate(3.5 8)"><svg id="MIX52_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(85 209)"> + <g transform="translate(3.5 8)"><svg id="MIX62_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(85 246)"> + <g transform="translate(3.5 8)"><svg id="MIX72_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(85 283)"> + <g transform="translate(3.5 8)"><svg id="MIX82_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(120 24)"> + <g transform="translate(3.5 8)"><svg id="MIX13_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 61)"> + <g transform="translate(3.5 8)"><svg id="MIX23_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 98)"> + <g transform="translate(3.5 8)"><svg id="MIX33_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 135)"> + <g transform="translate(3.5 8)"><svg id="MIX43_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 172)"> + <g transform="translate(3.5 8)"><svg id="MIX53_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 209)"> + <g transform="translate(3.5 8)"><svg id="MIX63_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 246)"> + <g transform="translate(3.5 8)"><svg id="MIX73_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 283)"> + <g transform="translate(3.5 8)"><svg id="MIX83_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(155 24)"> + <g transform="translate(3.5 8)"><svg id="MIX14_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(155 61)"> + <g transform="translate(3.5 8)"><svg id="MIX24_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(155 98)"> + <g transform="translate(3.5 8)"><svg id="MIX34_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(155 135)"> + <g transform="translate(3.5 8)"><svg id="MIX44_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(155 172)"> + <g transform="translate(3.5 8)"><svg id="MIX54_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(155 209)"> + <g transform="translate(3.5 8)"><svg id="MIX64_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(155 246)"> + <g transform="translate(3.5 8)"><svg id="MIX74_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(155 283)"> + <g transform="translate(3.5 8)"><svg id="MIX84_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(190 24)"> + <g transform="translate(3.5 8)"><svg id="MIX15_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(190 61)"> + <g transform="translate(3.5 8)"><svg id="MIX25_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(190 98)"> + <g transform="translate(3.5 8)"><svg id="MIX35_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(190 135)"> + <g transform="translate(3.5 8)"><svg id="MIX45_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(190 172)"> + <g transform="translate(3.5 8)"><svg id="MIX55_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(190 209)"> + <g transform="translate(3.5 8)"><svg id="MIX65_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(190 246)"> + <g transform="translate(3.5 8)"><svg id="MIX75_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(190 283)"> + <g transform="translate(3.5 8)"><svg id="MIX85_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(225 24)"> + <g transform="translate(3.5 8)"><svg id="MIX16_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(225 61)"> + <g transform="translate(3.5 8)"><svg id="MIX26_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(225 98)"> + <g transform="translate(3.5 8)"><svg id="MIX36_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(225 135)"> + <g transform="translate(3.5 8)"><svg id="MIX46_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(225 172)"> + <g transform="translate(3.5 8)"><svg id="MIX56_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(225 209)"> + <g transform="translate(3.5 8)"><svg id="MIX66_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(225 246)"> + <g transform="translate(3.5 8)"><svg id="MIX76_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(225 283)"> + <g transform="translate(3.5 8)"><svg id="MIX86_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(260 24)"> + <g transform="translate(3.5 8)"><svg id="MIX17_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(260 61)"> + <g transform="translate(3.5 8)"><svg id="MIX27_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(260 98)"> + <g transform="translate(3.5 8)"><svg id="MIX37_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(260 135)"> + <g transform="translate(3.5 8)"><svg id="MIX47_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(260 172)"> + <g transform="translate(3.5 8)"><svg id="MIX57_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(260 209)"> + <g transform="translate(3.5 8)"><svg id="MIX67_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(260 246)"> + <g transform="translate(3.5 8)"><svg id="MIX77_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(260 283)"> + <g transform="translate(3.5 8)"><svg id="MIX87_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(295 24)"> + <g transform="translate(3.5 8)"><svg id="MIX18_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(295 61)"> + <g transform="translate(3.5 8)"><svg id="MIX28_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(295 98)"> + <g transform="translate(3.5 8)"><svg id="MIX38_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(295 135)"> + <g transform="translate(3.5 8)"><svg id="MIX48_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(295 172)"> + <g transform="translate(3.5 8)"><svg id="MIX58_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(295 209)"> + <g transform="translate(3.5 8)"><svg id="MIX68_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(295 246)"> + <g transform="translate(3.5 8)"><svg id="MIX78_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(295 283)"> + <g transform="translate(3.5 8)"><svg id="MIX88_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + + + + + + + + + + + + + + + + + + + + + + + + +</svg> diff --git a/res-pp/Matrix88-pp.svg b/res-pp/Matrix88-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -184,10 +182,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -202,10 +200,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -220,10 +218,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -238,10 +236,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -256,10 +254,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -274,10 +272,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -292,10 +290,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -310,10 +308,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -329,10 +327,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -347,10 +345,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -365,10 +363,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -383,10 +381,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -401,10 +399,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -419,10 +417,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -437,10 +435,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -455,10 +453,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -474,10 +472,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -492,10 +490,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -510,10 +508,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -528,10 +526,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -546,10 +544,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -564,10 +562,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -582,10 +580,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -600,10 +598,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -619,10 +617,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -637,10 +635,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -655,10 +653,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -673,10 +671,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -691,10 +689,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -709,10 +707,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -727,10 +725,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -745,10 +743,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -764,10 +762,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -782,10 +780,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -800,10 +798,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -818,10 +816,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -836,10 +834,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -854,10 +852,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -872,10 +870,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -890,10 +888,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -909,10 +907,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -927,10 +925,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -945,10 +943,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -963,10 +961,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -981,10 +979,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -999,10 +997,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1017,10 +1015,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1035,10 +1033,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1054,10 +1052,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1072,10 +1070,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1090,10 +1088,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1108,10 +1106,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1126,10 +1124,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1144,10 +1142,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1162,10 +1160,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1180,10 +1178,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1199,10 +1197,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1217,10 +1215,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1235,10 +1233,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1253,10 +1251,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1271,10 +1269,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1289,10 +1287,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1307,10 +1305,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -1325,10 +1323,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> diff --git a/res-pp/Mix1-dark-pp.svg b/res-pp/Mix1-dark-pp.svg @@ -0,0 +1,207 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">MIX1</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 18)"> + <g transform="translate(0 0)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 0)"><svg id="LEVEL_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 173)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 120)"/> + <rect class="input-background" width="34" height="127" rx="5"/> + <g transform="translate(8 3)"><svg id="MUTE_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 25)"><svg id="MUTE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5 57)">MUTE</text> + <g transform="translate(5 60)"><svg id="LEVEL_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 92)">LEVEL</text> + <g transform="translate(5 95)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 127)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 133)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/Mix1-pp.svg b/res-pp/Mix1-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">MIX1</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/Mix2-dark-pp.svg b/res-pp/Mix2-dark-pp.svg @@ -0,0 +1,223 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="75.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(72.0 17)">MIX2</text> + <g transform="translate(25 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> + </g> + + + <g transform="translate(0 32)"> + <g transform="translate(15 0)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(28.5 0)"><svg id="LEVEL_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + </g> + + <g transform="translate(15 197)"> + <g transform="translate(13.5 0)"><svg id="MUTE_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 27)">MUTE</text> + </g> + + <g transform="translate(0 240)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="64" height="10" transform="translate(0 66)"/> + <rect class="input-background" width="64" height="73" rx="5"/> + <g transform="translate(5 4)"><svg id="LEVEL_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1.5px" transform="translate(4.5 36)">LEVEL</text> + <g transform="translate(35 4)"><svg id="MUTE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1.5px" transform="translate(35.5 36)">MUTE</text> + <g transform="translate(5 40)"><svg id="L_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(15 72)">L</text> + <g transform="translate(35 40)"><svg id="R_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="0.5px" transform="translate(39 72)">R (L)</text> + </g> + <g class="io-group" transform="translate(5.5 79)"> + <rect class="output-background-filler" width="64" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="64" height="37" rx="5"/> + <g transform="translate(5 1)"><svg id="L_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 33)">L</text> + <g transform="translate(35 1)"><svg id="R_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(45 33)">R</text> + </g> + </g> +</svg> diff --git a/res-pp/Mix2-pp.svg b/res-pp/Mix2-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(68.0 17)">MIX2</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(72.0 17)">MIX2</text> <g transform="translate(25 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text> - <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> + <rect class="background-fill" width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> </g> diff --git a/res-pp/Mix4-dark-pp.svg b/res-pp/Mix4-dark-pp.svg @@ -0,0 +1,594 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="225.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">MIX4</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/> + </g> + + + <g transform="translate(4 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="LEVEL1_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MUTE1_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(14.5 203)"><svg id="PAN1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 191)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="CV1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="PAN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> + <g transform="translate(5 73)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + + </g> + + <g transform="translate(47 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH2</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="LEVEL2_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MUTE2_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(14.5 203)"><svg id="PAN2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 191)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="CV2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="PAN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> + <g transform="translate(5 73)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + + </g> + + <g transform="translate(90 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH3</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="LEVEL3_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MUTE3_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(14.5 203)"><svg id="PAN3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 191)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="CV3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="PAN3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> + <g transform="translate(5 73)"><svg id="IN3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + + </g> + + <g transform="translate(133 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH4</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="LEVEL4_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MUTE4_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(14.5 203)"><svg id="PAN4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 191)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="CV4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="PAN4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> + <g transform="translate(5 73)"><svg id="IN4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + + </g> + + <g transform="translate(176 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">MIX</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="MIX_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MIX_MUTE_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(13.5 198)"><svg id="MIX_DIM_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14.5 225)">DIM</text> + <g class="io-group" transform="translate(5.5 229)"> + <rect class="input-background" width="34" height="50" rx="5"/> + <g transform="translate(5 3)"><svg id="MIX_CV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <rect class="output-background" width="34" height="73" rx="5" transform="translate(0 38)"/> + <rect class="output-background-filler" width="34" height="5" transform="translate(0 38)"/> + <g transform="translate(5 41)"><svg id="L_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15.5 73)">L</text> + <g transform="translate(5 76)"><svg id="R_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 108)">R</text> + </g> + </g> + +</svg> diff --git a/res-pp/Mix4-pp.svg b/res-pp/Mix4-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -132,13 +130,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 191)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> @@ -232,13 +228,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 191)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> @@ -332,13 +326,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 191)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> @@ -432,13 +424,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 191)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> diff --git a/res-pp/Mix4x-dark-pp.svg b/res-pp/Mix4x-dark-pp.svg @@ -0,0 +1,689 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="225.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">MIX4X</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/> + </g> + + + <g transform="translate(4 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> + <g transform="translate(14.5 23)"><svg id="LOW1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 11)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> + <g transform="translate(14.5 69)"><svg id="MID1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 57)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> + <g transform="translate(14.5 115)"><svg id="HIGH1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 103)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> + <g transform="translate(14.5 160)"><svg id="A1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 148)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text> + <g transform="translate(26 188)"><svg id="PRE_A1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(14.5 216)"><svg id="B1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 204)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text> + <g transform="translate(26 244)"><svg id="PRE_B1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g class="io-group" transform="translate(5.5 267)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="A1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> + <g transform="translate(5 38)"><svg id="B1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> + </g> + </g> + + <g transform="translate(47 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH2</text> + <g transform="translate(14.5 23)"><svg id="LOW2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 11)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> + <g transform="translate(14.5 69)"><svg id="MID2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 57)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> + <g transform="translate(14.5 115)"><svg id="HIGH2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 103)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> + <g transform="translate(14.5 160)"><svg id="A2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 148)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text> + <g transform="translate(26 188)"><svg id="PRE_A2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(14.5 216)"><svg id="B2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 204)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text> + <g transform="translate(26 244)"><svg id="PRE_B2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g class="io-group" transform="translate(5.5 267)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="A2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> + <g transform="translate(5 38)"><svg id="B2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> + </g> + </g> + + <g transform="translate(90 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH3</text> + <g transform="translate(14.5 23)"><svg id="LOW3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 11)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> + <g transform="translate(14.5 69)"><svg id="MID3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 57)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> + <g transform="translate(14.5 115)"><svg id="HIGH3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 103)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> + <g transform="translate(14.5 160)"><svg id="A3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 148)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text> + <g transform="translate(26 188)"><svg id="PRE_A3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(14.5 216)"><svg id="B3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 204)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text> + <g transform="translate(26 244)"><svg id="PRE_B3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g class="io-group" transform="translate(5.5 267)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="A3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> + <g transform="translate(5 38)"><svg id="B3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> + </g> + </g> + + <g transform="translate(133 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH4</text> + <g transform="translate(14.5 23)"><svg id="LOW4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 11)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> + <g transform="translate(14.5 69)"><svg id="MID4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 57)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> + <g transform="translate(14.5 115)"><svg id="HIGH4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 103)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> + <g transform="translate(14.5 160)"><svg id="A4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 148)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text> + <g transform="translate(26 188)"><svg id="PRE_A4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(14.5 216)"><svg id="B4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 204)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text> + <g transform="translate(26 244)"><svg id="PRE_B4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g class="io-group" transform="translate(5.5 267)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="A4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> + <g transform="translate(5 38)"><svg id="B4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> + </g> + </g> + + <g transform="translate(176 20)"> + + <g class="io-group" transform="translate(5.5 1)"> + <rect class="output-background" width="34" height="50" rx="5"/> + <g transform="translate(5 3)"><svg id="SEND_A_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(14.7 35)">A</text> + <rect class="input-background" width="34" height="146" rx="5" transform="translate(0 38)"/> + <rect class="input-background-filler" width="34" height="5" transform="translate(0 38)"/> + <g transform="translate(5 41)"><svg id="L_A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text> + <g transform="translate(5 76)"><svg id="R_A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> + <g transform="translate(9 117)"><svg id="LEVEL_A_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> + <g transform="translate(5 149)"><svg id="LEVEL_A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 181)">CV</text> + + + + + + </g> + <g transform="translate(2.5 106)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <g class="io-group" transform="translate(5.5 191)"> + <rect class="output-background" width="34" height="50" rx="5"/> + <g transform="translate(5 3)"><svg id="SEND_B_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(14.8 35)">B</text> + <rect class="input-background" width="34" height="111" rx="5" transform="translate(0 38)"/> + <rect class="input-background-filler" width="34" height="5" transform="translate(0 38)"/> + <g transform="translate(5 41)"><svg id="L_B_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text> + <g transform="translate(5 76)"><svg id="R_B_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> + <g transform="translate(9 117)"><svg id="LEVEL_B_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> + </g> + <g transform="translate(2.5 296)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + + </g> +</svg> diff --git a/res-pp/Mix4x-pp.svg b/res-pp/Mix4x-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -80,13 +78,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 11)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> @@ -99,13 +95,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 57)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> @@ -118,13 +112,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 103)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> @@ -137,13 +129,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 148)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> @@ -162,13 +152,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 204)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> @@ -208,13 +196,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 11)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> @@ -227,13 +213,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 57)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> @@ -246,13 +230,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 103)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> @@ -265,13 +247,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 148)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> @@ -290,13 +270,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 204)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> @@ -336,13 +314,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 11)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> @@ -355,13 +331,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 57)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> @@ -374,13 +348,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 103)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> @@ -393,13 +365,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 148)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> @@ -418,13 +388,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 204)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> @@ -464,13 +432,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 11)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> @@ -483,13 +449,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 57)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> @@ -502,13 +466,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 103)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> @@ -521,13 +483,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 148)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> @@ -546,13 +506,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 204)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> @@ -615,7 +573,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> <g transform="translate(5 149)"><svg id="LEVEL_A_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -631,13 +589,11 @@ text.input-label, text.output-label { </g> <g transform="translate(2.5 106)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -673,17 +629,15 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> </g> <g transform="translate(2.5 296)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> diff --git a/res-pp/Mix8-dark-pp.svg b/res-pp/Mix8-dark-pp.svg @@ -0,0 +1,986 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="405" height="380" viewBox="0 0 405 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="405.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 404.0,1 404.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 405.0,0 405.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(202.5 19)">MIX8</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(202.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(187.0 -5)"/> + </g> + + + <g transform="translate(4 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="LEVEL1_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MUTE1_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(14.5 203)"><svg id="PAN1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 191)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="CV1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="PAN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> + <g transform="translate(5 73)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + + </g> + + <g transform="translate(48 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH2</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="LEVEL2_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MUTE2_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(14.5 203)"><svg id="PAN2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 191)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="CV2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="PAN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> + <g transform="translate(5 73)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + + </g> + + <g transform="translate(92 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH3</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="LEVEL3_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MUTE3_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(14.5 203)"><svg id="PAN3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 191)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="CV3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="PAN3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> + <g transform="translate(5 73)"><svg id="IN3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + + </g> + + <g transform="translate(136 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH4</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="LEVEL4_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MUTE4_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(14.5 203)"><svg id="PAN4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 191)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="CV4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="PAN4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> + <g transform="translate(5 73)"><svg id="IN4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + + </g> + + <g transform="translate(180 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH5</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="LEVEL5_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MUTE5_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(14.5 203)"><svg id="PAN5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 191)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="CV5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="PAN5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> + <g transform="translate(5 73)"><svg id="IN5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + + </g> + + <g transform="translate(224 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH6</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="LEVEL6_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MUTE6_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(14.5 203)"><svg id="PAN6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 191)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="CV6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="PAN6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> + <g transform="translate(5 73)"><svg id="IN6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + + </g> + + <g transform="translate(268 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH7</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="LEVEL7_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MUTE7_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(14.5 203)"><svg id="PAN7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 191)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="CV7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="PAN7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> + <g transform="translate(5 73)"><svg id="IN7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + + </g> + + <g transform="translate(312 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH8</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="LEVEL8_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MUTE8_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(14.5 203)"><svg id="PAN8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 191)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="input-background" width="34" height="108" rx="5"/> + <g transform="translate(5 3)"><svg id="CV8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="PAN8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> + <g transform="translate(5 73)"><svg id="IN8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + + </g> + + <g transform="translate(356 20)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">MIX</text> + <g transform="translate(0 12)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 12)"><svg id="MIX_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(13.5 165)"><svg id="MIX_MUTE_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> + <g transform="translate(13.5 198)"><svg id="MIX_DIM_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14.5 225)">DIM</text> + <g class="io-group" transform="translate(5.5 229)"> + <rect class="input-background" width="34" height="50" rx="5"/> + <g transform="translate(5 3)"><svg id="MIX_CV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <rect class="output-background" width="34" height="73" rx="5" transform="translate(0 38)"/> + <rect class="output-background-filler" width="34" height="5" transform="translate(0 38)"/> + <g transform="translate(5 41)"><svg id="L_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15.5 73)">L</text> + <g transform="translate(5 76)"><svg id="R_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 108)">R</text> + </g> + </g> + +</svg> diff --git a/res-pp/Mix8-pp.svg b/res-pp/Mix8-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -132,13 +130,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 191)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> @@ -232,13 +228,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 191)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> @@ -332,13 +326,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 191)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> @@ -432,13 +424,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 191)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> @@ -532,13 +522,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 191)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> @@ -632,13 +620,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 191)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> @@ -732,13 +718,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 191)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> @@ -832,13 +816,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 191)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> diff --git a/res-pp/Mix8x-dark-pp.svg b/res-pp/Mix8x-dark-pp.svg @@ -0,0 +1,1156 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="405" height="380" viewBox="0 0 405 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="405.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 404.0,1 404.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 405.0,0 405.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(202.5 19)">MIX8X</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(202.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(187.0 -5)"/> + </g> + + + <g transform="translate(4 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> + <g transform="translate(14.5 23)"><svg id="LOW1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 11)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> + <g transform="translate(14.5 69)"><svg id="MID1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 57)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> + <g transform="translate(14.5 115)"><svg id="HIGH1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 103)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> + <g transform="translate(14.5 160)"><svg id="A1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 148)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text> + <g transform="translate(26 188)"><svg id="PRE_A1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(14.5 216)"><svg id="B1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 204)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text> + <g transform="translate(26 244)"><svg id="PRE_B1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g class="io-group" transform="translate(5.5 267)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="A1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> + <g transform="translate(5 38)"><svg id="B1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> + </g> + </g> + + <g transform="translate(48 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH2</text> + <g transform="translate(14.5 23)"><svg id="LOW2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 11)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> + <g transform="translate(14.5 69)"><svg id="MID2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 57)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> + <g transform="translate(14.5 115)"><svg id="HIGH2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 103)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> + <g transform="translate(14.5 160)"><svg id="A2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 148)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text> + <g transform="translate(26 188)"><svg id="PRE_A2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(14.5 216)"><svg id="B2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 204)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text> + <g transform="translate(26 244)"><svg id="PRE_B2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g class="io-group" transform="translate(5.5 267)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="A2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> + <g transform="translate(5 38)"><svg id="B2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> + </g> + </g> + + <g transform="translate(92 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH3</text> + <g transform="translate(14.5 23)"><svg id="LOW3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 11)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> + <g transform="translate(14.5 69)"><svg id="MID3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 57)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> + <g transform="translate(14.5 115)"><svg id="HIGH3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 103)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> + <g transform="translate(14.5 160)"><svg id="A3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 148)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text> + <g transform="translate(26 188)"><svg id="PRE_A3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(14.5 216)"><svg id="B3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 204)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text> + <g transform="translate(26 244)"><svg id="PRE_B3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g class="io-group" transform="translate(5.5 267)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="A3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> + <g transform="translate(5 38)"><svg id="B3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> + </g> + </g> + + <g transform="translate(136 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH4</text> + <g transform="translate(14.5 23)"><svg id="LOW4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 11)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> + <g transform="translate(14.5 69)"><svg id="MID4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 57)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> + <g transform="translate(14.5 115)"><svg id="HIGH4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 103)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> + <g transform="translate(14.5 160)"><svg id="A4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 148)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text> + <g transform="translate(26 188)"><svg id="PRE_A4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(14.5 216)"><svg id="B4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 204)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text> + <g transform="translate(26 244)"><svg id="PRE_B4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g class="io-group" transform="translate(5.5 267)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="A4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> + <g transform="translate(5 38)"><svg id="B4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> + </g> + </g> + + <g transform="translate(180 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH5</text> + <g transform="translate(14.5 23)"><svg id="LOW5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 11)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> + <g transform="translate(14.5 69)"><svg id="MID5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 57)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> + <g transform="translate(14.5 115)"><svg id="HIGH5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 103)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> + <g transform="translate(14.5 160)"><svg id="A5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 148)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text> + <g transform="translate(26 188)"><svg id="PRE_A5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(14.5 216)"><svg id="B5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 204)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text> + <g transform="translate(26 244)"><svg id="PRE_B5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g class="io-group" transform="translate(5.5 267)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="A5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> + <g transform="translate(5 38)"><svg id="B5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> + </g> + </g> + + <g transform="translate(224 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH6</text> + <g transform="translate(14.5 23)"><svg id="LOW6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 11)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> + <g transform="translate(14.5 69)"><svg id="MID6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 57)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> + <g transform="translate(14.5 115)"><svg id="HIGH6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 103)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> + <g transform="translate(14.5 160)"><svg id="A6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 148)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text> + <g transform="translate(26 188)"><svg id="PRE_A6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(14.5 216)"><svg id="B6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 204)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text> + <g transform="translate(26 244)"><svg id="PRE_B6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g class="io-group" transform="translate(5.5 267)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="A6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> + <g transform="translate(5 38)"><svg id="B6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> + </g> + </g> + + <g transform="translate(268 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH7</text> + <g transform="translate(14.5 23)"><svg id="LOW7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 11)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> + <g transform="translate(14.5 69)"><svg id="MID7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 57)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> + <g transform="translate(14.5 115)"><svg id="HIGH7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 103)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> + <g transform="translate(14.5 160)"><svg id="A7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 148)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text> + <g transform="translate(26 188)"><svg id="PRE_A7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(14.5 216)"><svg id="B7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 204)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text> + <g transform="translate(26 244)"><svg id="PRE_B7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g class="io-group" transform="translate(5.5 267)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="A7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> + <g transform="translate(5 38)"><svg id="B7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> + </g> + </g> + + <g transform="translate(312 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH8</text> + <g transform="translate(14.5 23)"><svg id="LOW8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 11)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> + <g transform="translate(14.5 69)"><svg id="MID8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 57)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> + <g transform="translate(14.5 115)"><svg id="HIGH8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 103)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> + <g transform="translate(14.5 160)"><svg id="A8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 148)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text> + <g transform="translate(26 188)"><svg id="PRE_A8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(14.5 216)"><svg id="B8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 204)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> + <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text> + <g transform="translate(26 244)"><svg id="PRE_B8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g class="io-group" transform="translate(5.5 267)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="A8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> + <g transform="translate(5 38)"><svg id="B8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> + </g> + </g> + + <g transform="translate(356 20)"> + + <g class="io-group" transform="translate(5.5 1)"> + <rect class="output-background" width="34" height="50" rx="5"/> + <g transform="translate(5 3)"><svg id="SEND_A_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(14.7 35)">A</text> + <rect class="input-background" width="34" height="146" rx="5" transform="translate(0 38)"/> + <rect class="input-background-filler" width="34" height="5" transform="translate(0 38)"/> + <g transform="translate(5 41)"><svg id="L_A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text> + <g transform="translate(5 76)"><svg id="R_A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> + <g transform="translate(9 117)"><svg id="LEVEL_A_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> + <g transform="translate(5 149)"><svg id="LEVEL_A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 181)">CV</text> + </g> + <g transform="translate(2.5 106)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <g class="io-group" transform="translate(5.5 191)"> + <rect class="output-background" width="34" height="50" rx="5"/> + <g transform="translate(5 3)"><svg id="SEND_B_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(14.8 35)">B</text> + <rect class="input-background" width="34" height="111" rx="5" transform="translate(0 38)"/> + <rect class="input-background-filler" width="34" height="5" transform="translate(0 38)"/> + <g transform="translate(5 41)"><svg id="L_B_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text> + <g transform="translate(5 76)"><svg id="R_B_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> + <g transform="translate(9 117)"><svg id="LEVEL_B_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> + </g> + <g transform="translate(2.5 296)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + + </g> +</svg> diff --git a/res-pp/Mix8x-pp.svg b/res-pp/Mix8x-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -80,13 +78,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 11)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> @@ -99,13 +95,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 57)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> @@ -118,13 +112,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 103)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> @@ -137,13 +129,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 148)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> @@ -162,13 +152,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 204)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> @@ -208,13 +196,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 11)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> @@ -227,13 +213,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 57)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> @@ -246,13 +230,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 103)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> @@ -265,13 +247,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 148)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> @@ -290,13 +270,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 204)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> @@ -336,13 +314,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 11)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> @@ -355,13 +331,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 57)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> @@ -374,13 +348,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 103)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> @@ -393,13 +365,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 148)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> @@ -418,13 +388,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 204)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> @@ -464,13 +432,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 11)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> @@ -483,13 +449,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 57)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> @@ -502,13 +466,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 103)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> @@ -521,13 +483,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 148)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> @@ -546,13 +506,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 204)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> @@ -592,13 +550,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 11)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> @@ -611,13 +567,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 57)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> @@ -630,13 +584,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 103)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> @@ -649,13 +601,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 148)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> @@ -674,13 +624,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 204)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> @@ -720,13 +668,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 11)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> @@ -739,13 +685,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 57)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> @@ -758,13 +702,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 103)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> @@ -777,13 +719,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 148)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> @@ -802,13 +742,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 204)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> @@ -848,13 +786,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 11)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> @@ -867,13 +803,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 57)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> @@ -886,13 +820,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 103)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> @@ -905,13 +837,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 148)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> @@ -930,13 +860,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 204)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> @@ -976,13 +904,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 11)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> @@ -995,13 +921,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 57)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> @@ -1014,13 +938,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 103)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> @@ -1033,13 +955,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 148)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text> @@ -1058,13 +978,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 204)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text> @@ -1127,7 +1045,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> <g transform="translate(5 149)"><svg id="LEVEL_A_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -1138,13 +1056,11 @@ text.input-label, text.output-label { </g> <g transform="translate(2.5 106)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -1180,17 +1096,15 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> </g> <g transform="translate(2.5 296)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> diff --git a/res-pp/Mono-dark-pp.svg b/res-pp/Mono-dark-pp.svg @@ -0,0 +1,290 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="compression-mono" viewBox="0 0 11px 75px"> + + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)"/> + </symbol> + + <symbol id="guide-compression-mono" viewBox="0 0 20px 95px"> + <g transform="translate(0 10)"> + <g transform="translate(0 0)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4.5 2.2)">12+</text> + </g> + <g transform="translate(0 15)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">6</text> + </g> + <g transform="translate(0 30)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">0</text> + </g> + + <g transform="translate(0 15)"> + + <text font-size="6.0pt" transform="translate(31 0) rotate(-90) translate(-4.5 2.2)">dB</text> + </g> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">MONO</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text> + </g> + + <g transform="translate(2.5 30)"> + + <g transform="translate(0, 0) translate(1.8 1.8)"><svg id="CHANNEL_1_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(10, 0) translate(1.8 1.8)"><svg id="CHANNEL_2_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(20, 0) translate(1.8 1.8)"><svg id="CHANNEL_3_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(30, 0) translate(1.8 1.8)"><svg id="CHANNEL_4_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(0, 10) translate(1.8 1.8)"><svg id="CHANNEL_5_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(10, 10) translate(1.8 1.8)"><svg id="CHANNEL_6_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(20, 10) translate(1.8 1.8)"><svg id="CHANNEL_7_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(30, 10) translate(1.8 1.8)"><svg id="CHANNEL_8_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(0, 20) translate(1.8 1.8)"><svg id="CHANNEL_9_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(10, 20) translate(1.8 1.8)"><svg id="CHANNEL_10_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(20, 20) translate(1.8 1.8)"><svg id="CHANNEL_11_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(30, 20) translate(1.8 1.8)"><svg id="CHANNEL_12_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(0, 30) translate(1.8 1.8)"><svg id="CHANNEL_13_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(10, 30) translate(1.8 1.8)"><svg id="CHANNEL_14_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(20, 30) translate(1.8 1.8)"><svg id="CHANNEL_15_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(30, 30) translate(1.8 1.8)"><svg id="CHANNEL_16_WIDGET"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + + + + + + <g transform="translate(0 92)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">COMP</text> + <g transform="translate(9.5 7.5)"><svg id="COMPRESSION_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -2)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + </g> + + <g transform="translate(17 147)"> + <use id="COMPRESSION_WIDGET" xlink:href="#compression-mono" transform="translate(0 -1)" href="#compression-mono"/> + <use xlink:href="#guide-compression-mono" transform="translate(-13 -11)" href="#guide-compression-mono"/> + </g> + + <g transform="translate(0 198)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(7 0)">LEVEL</text> + <g transform="translate(9.5 7.5)"><svg id="LEVEL_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -2)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + </g> + + <g transform="translate(0 251)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="POLY_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">POLY</text> + </g> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="MONO_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(4.5 32)">MONO</text> + </g> + </g> +</svg> diff --git a/res-pp/Mono-pp.svg b/res-pp/Mono-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -96,7 +94,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">MONO</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -176,15 +174,15 @@ text.input-label, text.output-label { <g transform="translate(0 -2)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -207,15 +205,15 @@ text.input-label, text.output-label { <g transform="translate(0 -2)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> diff --git a/res-pp/Mult-dark-pp.svg b/res-pp/Mult-dark-pp.svg @@ -0,0 +1,207 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">MULT</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 18)"> + <g transform="translate(0 0)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 29)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="INA_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(7 35)">IN-A</text> + </g> + </g> + + <g transform="translate(0 42)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="102" rx="5"/> + + <g transform="translate(2 2)"> + <g transform="translate(3 0)"><svg id="OUTA1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 30)"><svg id="OUTA2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 60)"><svg id="OUTA3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 95)">OUT</text> + </g> + </g> + </g> + </g> + + <g transform="translate(0 178)"> + <g transform="translate(0 0)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 29)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="INB_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(3 35)">IN-B(A)</text> + </g> + </g> + + <g transform="translate(0 42)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="102" rx="5"/> + + <g transform="translate(2 2)"> + <g transform="translate(3 0)"><svg id="OUTB1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 30)"><svg id="OUTB2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 60)"><svg id="OUTB3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 95)">OUT</text> + </g> + </g> + </g> + </g> +</svg> diff --git a/res-pp/Mult-pp.svg b/res-pp/Mult-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">MULT</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/Mumix-dark-pp.svg b/res-pp/Mumix-dark-pp.svg @@ -0,0 +1,233 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="90.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">MUMIX</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + <g transform="translate(2 25)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 283)"/> + <rect class="input-background" width="34" height="293" rx="5"/> + <g transform="translate(5 5)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 42)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 79)"><svg id="IN3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 116)"><svg id="IN4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 153)"><svg id="IN5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 190)"><svg id="IN6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 227)"><svg id="IN7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 264)"><svg id="IN8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(5.5 295)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="38" rx="5"/> + <g transform="translate(5 1)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 33)">OUT</text> + </g> + </g> + + <g transform="translate(55.5 24)"> + <g transform="translate(1 9)"><svg id="MUTE1_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(1 46)"><svg id="MUTE2_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(1 83)"><svg id="MUTE3_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(1 120)"><svg id="MUTE4_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(1 157)"><svg id="MUTE5_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(1 194)"><svg id="MUTE6_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(1 231)"><svg id="MUTE7_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(1 268)"><svg id="MUTE8_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + + + + + + + + + + +</svg> diff --git a/res-pp/Mumix-pp.svg b/res-pp/Mumix-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">MUMIX</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">MUMIX</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> diff --git a/res-pp/Mute8-dark-pp.svg b/res-pp/Mute8-dark-pp.svg @@ -0,0 +1,369 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="150.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">MUTE8</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> + </g> + + + <g class="io-group" transform="translate(8 32)"> + <rect class="input-background" width="30" height="328" rx="5"/> + <g transform="translate(3 4)"> + <g transform="translate(0 0)"><svg id="INPUT1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 40)"><svg id="INPUT2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 80)"><svg id="INPUT3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 120)"><svg id="INPUT4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + + <g transform="translate(0 160)"><svg id="INPUT5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 200)"><svg id="INPUT6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 240)"><svg id="INPUT7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 280)"><svg id="INPUT8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(9.8 320)">IN</text> + </g> + + <g class="io-group" transform="translate(43 32)"> + <rect class="input-background" width="30" height="328" rx="5"/> + <g transform="translate(3 4)"> + <g transform="translate(0 0)"><svg id="MUTE1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 40)"><svg id="MUTE2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 80)"><svg id="MUTE3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 120)"><svg id="MUTE4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + + <g transform="translate(0 160)"><svg id="MUTE5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 200)"><svg id="MUTE6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 240)"><svg id="MUTE7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 280)"><svg id="MUTE8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text> + </g> + + <g transform="translate(77.5 32)"> + + <g transform="translate(0 4)"> + <g transform="translate(0 2)"> + <g transform="translate(1 3)"><svg id="MUTE1_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(23 8.8)"><svg id="MUTE1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(0 42)"> + <g transform="translate(1 3)"><svg id="MUTE2_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(23 8.8)"><svg id="MUTE2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(0 82)"> + <g transform="translate(1 3)"><svg id="MUTE3_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(23 8.8)"><svg id="MUTE3_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(0 122)"> + <g transform="translate(1 3)"><svg id="MUTE4_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(23 8.8)"><svg id="MUTE4_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(0 162)"> + <g transform="translate(1 3)"><svg id="MUTE5_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(23 8.8)"><svg id="MUTE5_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(0 202)"> + <g transform="translate(1 3)"><svg id="MUTE6_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(23 8.8)"><svg id="MUTE6_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(0 242)"> + <g transform="translate(1 3)"><svg id="MUTE7_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(23 8.8)"><svg id="MUTE7_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(0 280)"> + <g transform="translate(1 3)"><svg id="MUTE8_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(23 8.8)"><svg id="MUTE8_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + </g> + <text font-size="6pt" letter-spacing="2px" transform="translate(1 320)">MUTE</text> + </g> + + <g class="io-group" transform="translate(112 32)"> + <rect class="output-background" width="30" height="328" rx="5"/> + <g transform="translate(3 4)"> + <g transform="translate(0 0)"><svg id="OUTPUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 40)"><svg id="OUTPUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 80)"><svg id="OUTPUT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 120)"><svg id="OUTPUT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <g transform="translate(0 160)"><svg id="OUTPUT5_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 200)"><svg id="OUTPUT6_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 240)"><svg id="OUTPUT7_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 280)"><svg id="OUTPUT8_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text> + </g> +</svg> diff --git a/res-pp/Mute8-pp.svg b/res-pp/Mute8-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -122,7 +120,7 @@ text.input-label, text.output-label { </g> </svg></g> </g> - <text font-size="6pt" letter-spacing="2px" transform="translate(9.8 320)">IN</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(9.8 320)">IN</text> </g> <g class="io-group" transform="translate(43 32)"> @@ -178,7 +176,7 @@ text.input-label, text.output-label { </g> </svg></g> </g> - <text font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text> </g> <g transform="translate(77.5 32)"> @@ -322,6 +320,6 @@ text.input-label, text.output-label { </g> </svg></g> </g> - <text font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text> </g> </svg> diff --git a/res-pp/Noise-dark-pp.svg b/res-pp/Noise-dark-pp.svg @@ -0,0 +1,182 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">NOISE</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 18)"> + <g class="io-group" transform="translate(7.5 0)"> + <rect class="output-background" width="34" height="209" rx="5" transform="translate(-2 0)"/> + <g transform="translate(3 6)"><svg id="BLUE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(4 39)">BLUE</text> + <g transform="translate(3 47)"><svg id="WHITE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(0.5 80)">WHITE</text> + <g transform="translate(3 88)"><svg id="PINK_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(4.5 121)">PINK</text> + <g transform="translate(3 129)"><svg id="RED_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(7 162)">RED</text> + <g transform="translate(3 170)"><svg id="GAUSS_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(0 203)">GAUSS</text> + </g> + </g> + + <g transform="translate(0 250)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(13 -4)">ABS</text> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="ABS_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="ABS_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/Noise-pp.svg b/res-pp/Noise-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">NOISE</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/Nsgt-dark-pp.svg b/res-pp/Nsgt-dark-pp.svg @@ -0,0 +1,237 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-ratio-nsgt" viewBox="0 0 70px 70px"> + <g transform="translate(35 35)"> + <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-2.5 2.5)">1</text> + <text font-size="6.0pt" transform="rotate(-193.72) translate(25 0) rotate(193.72) translate(-8 2.5)">1.1</text> + <text font-size="6.0pt" transform="rotate(-149.7) translate(25 0) rotate(149.7) translate(-9 2.5)">1.3</text> + <text font-size="6.0pt" transform="rotate(-108.93) translate(25 0) rotate(108.93) translate(-9 2.5)">1.6</text> + <text font-size="6.0pt" transform="rotate(-74.52) translate(25 0) rotate(74.52) translate(-2.3 2.5)">2</text> + <text font-size="6.0pt" transform="rotate(-47.12) translate(25 0) rotate(47.12) translate(-2.3 2.5)">2.5</text> + <text font-size="6.0pt" transform="rotate(-6.18) translate(25 0) rotate(6.18) translate(-2.3 2.5)">4</text> + <text font-size="6.0pt" transform="rotate(31.11) translate(25 0) rotate(-31.11) translate(-2.3 2.5)">9</text> + <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-4 2.2)">&#x221E;</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="90.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">NSGT</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + + + + + + + <g transform="translate(0 40)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 0)">THRESHOLD</text> + <g transform="translate(26 12)"><svg id="THRESHOLD_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(10 -4)"> + <g transform="translate(35 35)"> + <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text> + <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> + </g> + </g> + </g> + + <g transform="translate(0 122)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(25.5 0)">RATIO</text> + <g transform="translate(26 13)"><svg id="RATIO_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-ratio-nsgt" transform="translate(10 -3)" href="#dial-ratio-nsgt"/> + </g> + + <g transform="translate(40 198)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-8 25.5) rotate(270)">KNEE</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4 -1)">SOFT</text> + <g transform="translate(0 2)"><svg id="KNEE_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text> + </g> + + <g transform="translate(11 240)"> + <g class="io-group" transform="translate(0 0)"> + <rect class="input-background-filler" width="68" height="10" transform="translate(0 66)"/> + <rect class="input-background" width="68" height="73" rx="5"/> + <g transform="translate(5 4)"><svg id="LEFT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text> + <g transform="translate(39 4)"><svg id="RIGHT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text> + <g transform="translate(5 40)"><svg id="THRESHOLD_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">TRSH</text> + <g transform="translate(39 40)"><svg id="RATIO_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(39.5 72)">RATIO</text> + </g> + <g class="io-group" transform="translate(0 79)"> + <rect class="output-background-filler" width="68" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="68" height="37" rx="5"/> + <g transform="translate(5 1)"><svg id="LEFT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text> + <g transform="translate(39 1)"><svg id="RIGHT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text> + </g> + </g> +</svg> diff --git a/res-pp/Nsgt-pp.svg b/res-pp/Nsgt-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -78,10 +76,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">NSGT</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">NSGT</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> @@ -103,15 +101,15 @@ text.input-label, text.output-label { <g transform="translate(10 -4)"> <g transform="translate(35 35)"> <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-210) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-150) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-90) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-30) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(30) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text> <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> </g> diff --git a/res-pp/Offset-dark-pp.svg b/res-pp/Offset-dark-pp.svg @@ -0,0 +1,366 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-offset-offset" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + <g transform="rotate(-225) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-210) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-195) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-165) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + <g transform="rotate(-150) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-135) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-105) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + + <g transform="rotate(-90) translate(17 0)"> + + <g transform="translate(2.4 0) rotate(90)"> + <text font-size="6.5pt" transform="translate(-2.3 3.3)">0</text> + </g> + </g> + + <g transform="rotate(-75) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-45) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-15) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + <g transform="rotate(0) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(15) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(45) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + + <g transform="rotate(-225) translate(22 0)"> + + <g transform="translate(2.5 0) rotate(225)"> + <text font-size="9pt" transform="translate(-2 3.4)">-</text> + </g> + </g> + <g transform="rotate(45) translate(22 0)"> + + <g transform="translate(2.5 0) rotate(-45)"> + <text font-size="7pt" transform="translate(-2.9 3)">+</text> + </g> + </g> + </g> + </symbol> + + <symbol id="dial-exp-offset" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + <g transform="rotate(-232.3) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-224.2) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-215.5) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-206.2) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-196.1) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + <g transform="rotate(-184.9) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-172.2) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-157.1) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-137.4) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + <g transform="rotate(-123.5) translate(17 0)"> + <polyline points="0,0 1,0" stroke-width="0.7"/> + </g> + + <g transform="rotate(-90) translate(17 0)"> + + <g transform="translate(2.4 0) rotate(90)"> + <text font-size="6.5pt" transform="translate(-2.3 3.3)">0</text> + </g> + </g> + + <g transform="rotate(-56.5) translate(17 0)"> + <polyline points="0,0 1,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-42.3) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + <g transform="rotate(-22.9) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-7.8) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(4.8) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(16.1) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + <g transform="rotate(26.2) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(35.5) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.2) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(52.3) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 4,0" stroke-width="1.5"/> + </g> + + <g transform="rotate(-225) translate(22 0)"> + + <g transform="translate(2.5 0) rotate(225)"> + <text font-size="9pt" transform="translate(-2 3.4)">-</text> + </g> + </g> + <g transform="rotate(45) translate(22 0)"> + + <g transform="translate(2.5 0) rotate(-45)"> + <text font-size="7pt" transform="translate(-2.9 3)">+</text> + </g> + </g> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">OFFSET</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(3 0)">OFFSET</text> + <g transform="translate(0 7)"><svg id="OFFSET_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-offset-offset" transform="scale(1) translate(0 7)" href="#dial-offset-offset"/> + <g class="io-group" transform="translate(5.5 53)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="OFFSET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + </g> + </g> + + <g transform="translate(0 137)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(6 0)">SCALE</text> + <g transform="translate(0 7)"><svg id="SCALE_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-exp-offset" transform="scale(1) translate(0 7)" href="#dial-exp-offset"/> + <g class="io-group" transform="translate(5.5 53)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="SCALE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + </g> + </g> + + <g transform="translate(0 240)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> + + +</svg> diff --git a/res-pp/Offset-pp.svg b/res-pp/Offset-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -60,31 +58,31 @@ text.input-label, text.output-label { <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-225) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-210) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-195) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-165) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-150) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-135) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-105) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(17 0)"> @@ -95,31 +93,31 @@ text.input-label, text.output-label { </g> <g transform="rotate(-75) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-45) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-15) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(0) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(15) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(45) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> @@ -146,34 +144,34 @@ text.input-label, text.output-label { <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-232.3) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-224.2) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-215.5) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-206.2) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-196.1) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-184.9) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-172.2) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-157.1) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-137.4) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-123.5) translate(17 0)"> - <polyline points="0,0 1,0" stroke-width="0.3"/> + <polyline points="0,0 1,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(17 0)"> @@ -184,34 +182,34 @@ text.input-label, text.output-label { </g> <g transform="rotate(-56.5) translate(17 0)"> - <polyline points="0,0 1,0" stroke-width="0.3"/> + <polyline points="0,0 1,0" stroke-width="0.7"/> </g> <g transform="rotate(-42.3) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-22.9) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-7.8) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(4.8) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(16.1) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(26.2) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(35.5) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(44.2) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(52.3) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> @@ -246,7 +244,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">OFFSET</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/OneEight-dark-pp.svg b/res-pp/OneEight-dark-pp.svg @@ -0,0 +1,311 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="90.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">1:8</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + <g class="io-group" transform="translate(6.5 32)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 30)"/> + <g transform="translate(5 3)"><svg id="CLOCK_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(4 35)">CLOCK</text> + </g> + <g class="io-group" transform="translate(6.5 69)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="RESET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(5 35)">RESET</text> + </g> + + <g transform="translate(1 121)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(7.5 0)">STEPS</text> + <g transform="translate(14.5 10.5)"><svg id="STEPS_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -1)"> + <g transform="translate(20 20)"> + <text font-size="5.0pt" transform="rotate(-240) translate(13 0) rotate(240) translate(-2 2)">1</text> + <text font-size="5.0pt" transform="rotate(-197.1) translate(13 0) rotate(197.1) translate(-2 2)">2</text> + <text font-size="5.0pt" transform="rotate(-154.3) translate(13 0) rotate(154.3) translate(-2 2)">3</text> + <text font-size="5.0pt" transform="rotate(-111.4) translate(13 0) rotate(111.4) translate(-2 2)">4</text> + <text font-size="5.0pt" transform="rotate(-68.6) translate(13 0) rotate(68.6) translate(-2 2)">5</text> + <text font-size="5.0pt" transform="rotate(-25.7) translate(13 0) rotate(25.7) translate(-2 2)">6</text> + <text font-size="5.0pt" transform="rotate(17.1) translate(13 0) rotate(-17.1) translate(-2 2)">7</text> + <text font-size="5.0pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-2 2)">8</text> + </g> + </g> + </g> + + <g transform="translate(16.5 166)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1.8 -1)">FWD</text> + <g transform="translate(0 2)"><svg id="DIRECTION_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1.3 34)">REV</text> + </g> + + + + <g transform="translate(1 220)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">SELECT</text> + <g transform="translate(0 2)"><svg id="SELECT_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 2)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(19 0) rotate(240) translate(-2 2)">1</text> + <text font-size="5.0pt" transform="rotate(-197.1) translate(19 0) rotate(197.1) translate(-2 2)">2</text> + <text font-size="5.0pt" transform="rotate(-154.3) translate(19 0) rotate(154.3) translate(-2 2)">3</text> + <text font-size="5.0pt" transform="rotate(-111.4) translate(19 0) rotate(111.4) translate(-2 2)">4</text> + <text font-size="5.0pt" transform="rotate(-68.6) translate(19 0) rotate(68.6) translate(-2 2)">5</text> + <text font-size="5.0pt" transform="rotate(-25.7) translate(19 0) rotate(25.7) translate(-2 2)">6</text> + <text font-size="5.0pt" transform="rotate(17.1) translate(19 0) rotate(-17.1) translate(-2 2)">7</text> + <text font-size="5.0pt" transform="rotate(60) translate(19 0) rotate(-60) translate(-2 2)">8</text> + </g> + </g> + <g class="io-group" transform="translate(5.5 47)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="SELECT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11.5 35)">CV</text> + </g> + </g> + + <g class="io-group" transform="translate(6.5 321)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + + <g class="io-group" transform="translate(49.5 32)"> + <rect class="output-background" width="34" height="337" rx="5" transform="translate(0 -9)"/> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> + + <g transform="translate(5 3)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">1</text> + <g transform="translate(17 29.5)"><svg id="OUT1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 44.3)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(11 76.3)">2</text> + <g transform="translate(17 70.8)"><svg id="OUT2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 86.6)"><svg id="OUT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(11 118.6)">3</text> + <g transform="translate(17 113.1)"><svg id="OUT3_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 126.9)"><svg id="OUT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(11 158.9)">4</text> + <g transform="translate(17 153.4)"><svg id="OUT4_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 168.1)"><svg id="OUT5_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(11 200.1)">5</text> + <g transform="translate(17 194.6)"><svg id="OUT5_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 209.4)"><svg id="OUT6_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(11 241.4)">6</text> + <g transform="translate(17 235.9)"><svg id="OUT6_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 250.7)"><svg id="OUT7_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(11 282.7)">7</text> + <g transform="translate(17 277.2)"><svg id="OUT7_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + + <g transform="translate(5 292)"><svg id="OUT8_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(11 324)">8</text> + <g transform="translate(17 318.5)"><svg id="OUT8_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + + + + + +</svg> diff --git a/res-pp/OneEight-pp.svg b/res-pp/OneEight-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">1:8</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">1:8</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> @@ -171,7 +169,7 @@ text.input-label, text.output-label { <g class="io-group" transform="translate(49.5 32)"> <rect class="output-background" width="34" height="337" rx="5" transform="translate(0 -9)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> <g transform="translate(5 3)"><svg id="OUT1_OUTPUT"> <g transform="translate(12 12)"> diff --git a/res-pp/PEQ-dark-pp.svg b/res-pp/PEQ-dark-pp.svg @@ -0,0 +1,483 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-frequency-peq" viewBox="0 0 61px 45px"> + <g transform="translate(25.5 22.5)"> + <text font-size="5pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-5 4)">20K</text> + <text font-size="5pt" transform="rotate(-90) translate(20 0) rotate(90) translate(-4 2.2)">5K</text> + <text font-size="5pt" transform="rotate(-172.9) translate(20 0) rotate(172.9) translate(-5 2.2)">1K</text> + <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-7 4)">0HZ</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-133.9) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-192.6) translate(17 0)"/> + </g> + </symbol> + + <symbol id="dial-level-peq" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5pt" transform="rotate(32.73) translate(20 0) rotate(-32.73) translate(-1.9 2.2)">0</text> + <text font-size="5pt" transform="rotate(-76.36) translate(20 0) rotate(76.36) translate(-4 2.2)">-24</text> + <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-8 4)">-60dB</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(5.5) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-21.8) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-49.1) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-103.6) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-131) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-130.9) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-158.2) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-185.5) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-212.7) translate(17 0)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="150.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">PEQ</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> + </g> + + + <g transform="translate(0 25)"> + + + + <g transform="translate(5.5 18)"><svg id="A_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="6pt" letter-spacing="2px" transform="translate(11.5 33) rotate(270)">A</text> + + <text font-size="6pt" letter-spacing="2px" transform="translate(20 58)">LEVEL</text> + <g transform="translate(13 3.5)"><svg id="A_LEVEL_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-level-peq" transform="translate(13 3.5)" href="#dial-level-peq"/> + + <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text> + <g transform="translate(59 3.5)"><svg id="A_FREQUENCY_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-frequency-peq" transform="translate(56 3.5)" href="#dial-frequency-peq"/> + + <text font-size="6pt" letter-spacing="2px" transform="translate(113 19) rotate(270)">BW</text> + <g transform="translate(122 4)"><svg id="A_BANDWIDTH_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(110 -8)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <text font-size="6pt" letter-spacing="2px" transform="translate(113 58.5) rotate(270)">FCV</text> + <g transform="translate(122 42)"><svg id="A_CV_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(110 30)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <g transform="translate(118 26.5)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.1)">LP</text> + <g transform="translate(13.5 -1)"><svg id="A_MODE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + </g> + + <g transform="translate(0 93)"> + + + + <g transform="translate(5.5 18)"><svg id="B_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="6pt" letter-spacing="2px" transform="translate(11.5 33) rotate(270)">B</text> + + <text font-size="6pt" letter-spacing="2px" transform="translate(20 58)">LEVEL</text> + <g transform="translate(13 3.5)"><svg id="B_LEVEL_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-level-peq" transform="translate(13 3.5)" href="#dial-level-peq"/> + + <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text> + <g transform="translate(59 3.5)"><svg id="B_FREQUENCY_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-frequency-peq" transform="translate(56 3.5)" href="#dial-frequency-peq"/> + + <text font-size="6pt" letter-spacing="2px" transform="translate(113 22) rotate(270)">BW</text> + <g transform="translate(122 7)"><svg id="B_BANDWIDTH_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(110 -5)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <text font-size="6pt" letter-spacing="2px" transform="translate(113 56.5) rotate(270)">FCV</text> + <g transform="translate(122 40)"><svg id="B_CV_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(110 28)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(0 159)"> + + + + <g transform="translate(5.5 18)"><svg id="C_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="6pt" letter-spacing="2px" transform="translate(11.5 33) rotate(270)">C</text> + + <text font-size="6pt" letter-spacing="2px" transform="translate(20 58)">LEVEL</text> + <g transform="translate(13 3.5)"><svg id="C_LEVEL_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-level-peq" transform="translate(13 3.5)" href="#dial-level-peq"/> + + <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text> + <g transform="translate(59 3.5)"><svg id="C_FREQUENCY_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-frequency-peq" transform="translate(56 3.5)" href="#dial-frequency-peq"/> + + <text font-size="6pt" letter-spacing="2px" transform="translate(113 19) rotate(270)">BW</text> + <g transform="translate(122 4)"><svg id="C_BANDWIDTH_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(110 -8)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <text font-size="6pt" letter-spacing="2px" transform="translate(113 58.5) rotate(270)">FCV</text> + <g transform="translate(122 42)"><svg id="C_CV_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(110 30)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <g transform="translate(118 26.5)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(-0.5 6.1)">HP</text> + <g transform="translate(13.5 -1)"><svg id="C_MODE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + </g> + + <g class="io-group" transform="translate(0 226)"> + <rect class="input-background" width="130" height="134" rx="5" transform="translate(10 0)"/> + <rect class="output-background" width="32.5" height="46" rx="5" transform="translate(107.5 88)"/> + <rect class="output-background-filler" width="32.5" height="8" transform="translate(107.5 88)"/> + <rect class="output-background-filler" width="8" height="46" transform="translate(107.5 88)"/> + + <g transform="translate(12 0)"> + <g transform="translate(3 5)"><svg id="A_LEVEL_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">A-LVL</text> + </g> + <g transform="translate(44 0)"> + <g transform="translate(3 5)"><svg id="B_LEVEL_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">B-LVL</text> + </g> + <g transform="translate(76 0)"> + <g transform="translate(3 5)"><svg id="C_LEVEL_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(2 40)">C-LVL</text> + </g> + <g transform="translate(108 0)"> + <g transform="translate(3 5)"><svg id="ALL_CV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(6 40)">FCV</text> + </g> + + <g transform="translate(12 44)"> + <g transform="translate(3 5)"><svg id="A_FREQUENCY_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">A-FCV</text> + </g> + <g transform="translate(44 44)"> + <g transform="translate(3 5)"><svg id="B_FREQUENCY_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">B-FCV</text> + </g> + <g transform="translate(76 44)"> + <g transform="translate(3 5)"><svg id="C_FREQUENCY_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">C-FCV</text> + </g> + <g transform="translate(108 44)"> + <g transform="translate(3 5)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 40)">IN</text> + </g> + + <g transform="translate(12 88)"> + <g transform="translate(3 5)"><svg id="A_BANDWIDTH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">A-BW</text> + </g> + <g transform="translate(44 88)"> + <g transform="translate(3 5)"><svg id="B_BANDWIDTH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(2 40)">B-BW</text> + </g> + <g transform="translate(76 88)"> + <g transform="translate(3 5)"><svg id="C_BANDWIDTH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">C-BW</text> + </g> + <g transform="translate(108 88)"> + <g transform="translate(3 5)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/PEQ-pp.svg b/res-pp/PEQ-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -61,11 +59,11 @@ text.input-label, text.output-label { <text font-size="5pt" transform="rotate(-172.9) translate(20 0) rotate(172.9) translate(-5 2.2)">1K</text> <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-7 4)">0HZ</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(19.8) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-27.9) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-133.9) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-192.6) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-133.9) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-192.6) translate(17 0)"/> </g> </symbol> @@ -75,16 +73,16 @@ text.input-label, text.output-label { <text font-size="5pt" transform="rotate(-76.36) translate(20 0) rotate(76.36) translate(-4 2.2)">-24</text> <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-8 4)">-60dB</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(5.5) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-21.8) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-49.1) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-103.6) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-131) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-130.9) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-158.2) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-185.5) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-212.7) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(5.5) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-21.8) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-49.1) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-103.6) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-131) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-130.9) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-158.2) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-185.5) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-212.7) translate(17 0)"/> </g> </symbol> </defs> @@ -144,13 +142,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(110 -8)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -164,13 +160,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(110 30)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -223,13 +217,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(110 -5)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -243,13 +235,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(110 28)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -293,13 +283,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(110 -8)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -313,13 +301,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(110 30)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> diff --git a/res-pp/PEQ14-dark-pp.svg b/res-pp/PEQ14-dark-pp.svg @@ -0,0 +1,1782 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="690" height="380" viewBox="0 0 690 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="690.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 689.0,1 689.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 689.5,0.5 689.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 690.0,0 690.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(345.0 19)">PEQ14</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(345.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(329.5 -5)"/> + </g> + + + <g class="io-group" transform="translate(6.5 48)"> + + <g transform="translate(40.5 11)"><svg id="FREQUENCY_CV_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(28.5 -1)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(40 37)">FCV</text> + <rect class="input-background" width="30" height="30" rx="5" transform="translate(0 5)"/> + <g transform="translate(3 8)"><svg id="FREQUENCY_CV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + + </g> + + <g class="io-group" transform="translate(6.5 113)"> + + <g transform="translate(40.5 8)"><svg id="BANDWIDTH_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(28.5 -4)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(42.5 37)">BW</text> + <rect class="input-background" width="30" height="30" rx="5" transform="translate(0 5)"/> + <g transform="translate(3 8)"><svg id="BANDWIDTH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + + </g> + + <g transform="translate(17.5 179)"> + + <text font-size="5pt" letter-spacing="1px" transform="translate(0 8.5)">CH1-LP</text> + <g transform="translate(31 1)"><svg id="LP_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(-3 20.5)">CH14-HP</text> + <g transform="translate(31 13)"><svg id="HP_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + </g> + + <g transform="translate(18.5 227)"> + + <text font-size="5pt" letter-spacing="1px" transform="translate(5 34.5) rotate(-90)">FCV RNG</text> + <g transform="translate(10 1)"><svg id="FMOD_RELATIVE_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 6.7)">OCTV</text> + <g transform="translate(10 14)"><svg id="FMOD_FULL_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 19.7)">FULL</text> + <g transform="translate(14 25)"><svg id="FMOD_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + </g> + + <g class="io-group" transform="translate(5.5 287)"> + <rect class="output-background" width="64" height="73" rx="5"/> + <rect class="input-background" width="32" height="36.5" rx="5"/> + <rect class="input-background-filler" width="32" height="10" transform="translate(0 26.5)"/> + <rect class="input-background-filler" width="10" height="36.5" transform="translate(22 0)"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + <g transform="translate(35 3)"><svg id="ODDS_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(38.5 35)">ODD</text> + <g transform="translate(5 38)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 70)">OUT</text> + <g transform="translate(35 38)"><svg id="EVENS_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(36 70)">EVEN</text> + </g> + + <g transform="translate(74 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">1</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL1_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(118 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">2</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL2_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(162 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">3</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL3_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(206 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">4</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL4_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(250 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">5</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL5_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT5_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(294 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">6</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL6_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT6_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(338 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">7</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL7_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT7_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(382 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">8</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL8_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT8_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(426 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">9</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL9_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY9_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV9_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL9_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV9_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT9_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(470 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(17 8)">10</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL10_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY10_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV10_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL10_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV10_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT10_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(514 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(17.5 8)">11</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL11_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY11_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV11_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL11_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV11_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT11_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(558 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(17 8)">12</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL12_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY12_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV12_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL12_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV12_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT12_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(602 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(17 8)">13</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL13_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY13_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV13_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL13_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV13_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT13_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(646 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(17 8)">14</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL14_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY14_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV14_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL14_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV14_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT14_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/PEQ14-pp.svg b/res-pp/PEQ14-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -80,13 +78,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(28.5 -1)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(40 37)">FCV</text> @@ -111,13 +107,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(28.5 -4)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(42.5 37)">BW</text> @@ -258,11 +252,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -276,13 +270,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -370,11 +362,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -388,13 +380,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -482,11 +472,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -500,13 +490,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -594,11 +582,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -612,13 +600,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -706,11 +692,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -724,13 +710,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -818,11 +802,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -836,13 +820,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -930,11 +912,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -948,13 +930,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -1042,11 +1022,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -1060,13 +1040,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -1154,11 +1132,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -1172,13 +1150,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -1266,11 +1242,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -1284,13 +1260,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -1378,11 +1352,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -1396,13 +1370,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -1490,11 +1462,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -1508,13 +1480,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -1602,11 +1572,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -1620,13 +1590,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -1714,11 +1682,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -1732,13 +1700,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> diff --git a/res-pp/PEQ14XF-dark-pp.svg b/res-pp/PEQ14XF-dark-pp.svg @@ -0,0 +1,278 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="75.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="0.1px" text-anchor="end" transform="translate(72.0 17)">PEQ14XF</text> + <g transform="translate(25 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> + </g> + + + <g class="io-group" transform="translate(-2.5 24)"> + <g transform="translate(14.5 6)"><svg id="DAMP_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> + <rect class="input-background" width="30" height="30" rx="5" transform="translate(7.5 36)"/> + <g transform="translate(10.5 39)"><svg id="DAMP_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(32.5 23.5)"> + <g transform="translate(14.5 6)"><svg id="GAIN_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text> + <rect class="input-background" width="30" height="30" rx="5" transform="translate(7.5 36)"/> + <g transform="translate(10.5 39)"><svg id="GAIN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(5.5 108)"> + <rect class="output-background" width="64" height="260" rx="5" transform="translate(0 -10)"/> + + <text font-size="5pt" letter-spacing="2px" transform="translate(27 0)">EF</text> + <g transform="translate(5 3)"><svg id="EF1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 35)">1</text> + <g transform="translate(5 38)"><svg id="EF2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 70)">2</text> + <g transform="translate(5 73)"><svg id="EF3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 105)">3</text> + <g transform="translate(5 108)"><svg id="EF4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 140)">4</text> + <g transform="translate(5 143)"><svg id="EF5_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 175)">5</text> + <g transform="translate(5 178)"><svg id="EF6_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 210)">6</text> + <g transform="translate(5 213)"><svg id="EF7_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 245)">7</text> + + <g transform="translate(31 0)"> + <g transform="translate(5 3)"><svg id="EF8_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 35)">8</text> + <g transform="translate(5 38)"><svg id="EF9_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 70)">9</text> + <g transform="translate(5 73)"><svg id="EF10_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">10</text> + <g transform="translate(5 108)"><svg id="EF11_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 140)">11</text> + <g transform="translate(5 143)"><svg id="EF12_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 175)">12</text> + <g transform="translate(5 178)"><svg id="EF13_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 210)">13</text> + <g transform="translate(5 213)"><svg id="EF14_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 245)">14</text> + </g> + </g> + + + + +</svg> diff --git a/res-pp/PEQ14XF-pp.svg b/res-pp/PEQ14XF-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(68.0 17)">PEQ14XF</text> + <text class="title" font-size="9pt" letter-spacing="0.1px" text-anchor="end" transform="translate(72.0 17)">PEQ14XF</text> <g transform="translate(25 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text> - <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> + <rect class="background-fill" width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> </g> @@ -79,13 +77,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> @@ -108,13 +104,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text> diff --git a/res-pp/PEQ14XR-dark-pp.svg b/res-pp/PEQ14XR-dark-pp.svg @@ -0,0 +1,178 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="75.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(72.0 17)">PEQ14XR</text> + <g transform="translate(25 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> + </g> + + + <g class="io-group" transform="translate(-2.5 24)"> + <g transform="translate(14.5 6)"><svg id="DAMP_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> + <rect class="input-background" width="30" height="30" rx="5" transform="translate(7.5 36)"/> + <g transform="translate(10.5 39)"><svg id="DAMP_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(32.5 23.5)"> + <g transform="translate(14.5 6)"><svg id="GAIN_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text> + <rect class="input-background" width="30" height="30" rx="5" transform="translate(7.5 36)"/> + <g transform="translate(10.5 39)"><svg id="GAIN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(20.5 318)"> + <rect class="output-background" width="34" height="42" rx="5"/> + <g transform="translate(5 4)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 37)">OUT</text> + </g> +</svg> diff --git a/res-pp/PEQ14XR-pp.svg b/res-pp/PEQ14XR-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(68.0 17)">PEQ14XR</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(72.0 17)">PEQ14XR</text> <g transform="translate(25 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text> - <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> + <rect class="background-fill" width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> </g> @@ -79,13 +77,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> @@ -108,13 +104,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text> diff --git a/res-pp/PEQ14XV-dark-pp.svg b/res-pp/PEQ14XV-dark-pp.svg @@ -0,0 +1,306 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-transpose-peq14xv" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-3.5 2)">-2</text> + <text font-size="5.0pt" transform="rotate(-165) translate(18 0) rotate(165) translate(-3 2)">-1</text> + <text font-size="5.0pt" transform="rotate(-90) translate(18 0) rotate(90) translate(-2 3)">0</text> + <text font-size="5.0pt" transform="rotate(-15) translate(18 0) rotate(15) translate(-2 2)">1</text> + <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2 2)">2</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-208.75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-133.75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-46.25) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(28.75) translate(15 0)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="75.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(72.0 17)">PEQ14XV</text> + <g transform="translate(25 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> + </g> + + + <text font-size="6pt" letter-spacing="1.5px" transform="translate(9 30)">FOLLOWERS</text> + + <g class="io-group" transform="translate(-2.5 34)"> + <g transform="translate(14.5 6)"><svg id="EF_DAMP_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> + <rect class="input-background" width="30" height="30" rx="5" transform="translate(7.5 36)"/> + <g transform="translate(10.5 39)"><svg id="EF_DAMP_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(32.5 34)"> + <g transform="translate(14.5 6)"><svg id="EF_GAIN_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text> + <rect class="input-background" width="30" height="30" rx="5" transform="translate(7.5 36)"/> + <g transform="translate(10.5 39)"><svg id="EF_GAIN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + + </g> + + <g class="io-group" transform="translate(0 119)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(8 2)">TRANSPOSE</text> + <g transform="translate(24.5 13)"><svg id="TRANSPOSE_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-transpose-peq14xv" transform="translate(15 3.5)" href="#dial-transpose-peq14xv"/> + <rect class="input-background" width="30" height="30" rx="5" transform="translate(22.5 47)"/> + <g transform="translate(25.5 50)"><svg id="TRANSPOSE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + + </g> + + <g transform="translate(0 212)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(18 5)">OUTPUT</text> + + <g transform="translate(12 15)"><svg id="OUTPUT_GAIN_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 3)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(9 42)">GAIN</text> + + <g transform="translate(47 15)"><svg id="BAND14_MIX_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(35 3)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(44 42)">B14D</text> + + <g transform="translate(10 51)"> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(0 6)">B1</text> + <g transform="translate(9.5 -1)"><svg id="BAND1_ENABLE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(47.5 51)"> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(-5 6)">B14</text> + <g transform="translate(9.5 -1)"><svg id="BAND14_ENABLE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + + </g> + + <g class="io-group" transform="translate(5.5 287)"> + <rect class="output-background" width="64" height="73" rx="5"/> + <rect class="input-background" width="32" height="36.5" rx="5"/> + <rect class="input-background-filler" width="32" height="10" transform="translate(0 26.5)"/> + <rect class="input-background-filler" width="10" height="36.5" transform="translate(22 0)"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + <g transform="translate(35 3)"><svg id="ODDS_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(38.5 35)">ODD</text> + <g transform="translate(5 38)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 70)">OUT</text> + <g transform="translate(35 38)"><svg id="EVENS_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(36 70)">EVEN</text> + </g> + + + + +</svg> diff --git a/res-pp/PEQ14XV-pp.svg b/res-pp/PEQ14XV-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="rotate(-15) translate(18 0) rotate(15) translate(-2 2)">1</text> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2 2)">2</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-208.75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-133.75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-46.25) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(28.75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-208.75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-133.75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-46.25) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(28.75) translate(15 0)"/> </g> </symbol> </defs> @@ -79,10 +77,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(68.0 17)">PEQ14XV</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(72.0 17)">PEQ14XV</text> <g transform="translate(25 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text> - <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> + <rect class="background-fill" width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> </g> @@ -98,13 +96,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> @@ -127,13 +123,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text> @@ -179,13 +173,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(0 3)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(9 42)">GAIN</text> @@ -199,13 +191,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(35 3)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(44 42)">B14D</text> diff --git a/res-pp/PEQ6-dark-pp.svg b/res-pp/PEQ6-dark-pp.svg @@ -0,0 +1,886 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="315" height="380" viewBox="0 0 315 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="315.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 314.0,1 314.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 314.5,0.5 314.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 315.0,0 315.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(157.5 19)">PEQ6</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(157.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(142.0 -5)"/> + </g> + + + + + + <g class="io-group" transform="translate(0 40)"> + + <g transform="translate(14.5 7)"><svg id="FREQUENCY_CV_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -5)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 33)">FCV</text> + <rect class="input-background" width="30" height="30" rx="5" transform="translate(7.5 36)"/> + <g transform="translate(10.5 39)"><svg id="FREQUENCY_CV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(0 124)"> + + <g transform="translate(14.5 5)"><svg id="BANDWIDTH_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -7)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(16.5 33)">BW</text> + <rect class="input-background" width="30" height="30" rx="5" transform="translate(7.5 36)"/> + <g transform="translate(10.5 39)"><svg id="BANDWIDTH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(2 209)"> + + <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 8.5)">CH1-LP</text> + <g transform="translate(33.5 1)"><svg id="LP_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="0.8px" transform="translate(2.5 20.5)">CH8-HP</text> + <g transform="translate(33.5 13)"><svg id="HP_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(6 242)"> + + <text font-size="5pt" letter-spacing="1px" transform="translate(5 34.5) rotate(-90)">FCV RNG</text> + <g transform="translate(10 1)"><svg id="FMOD_RELATIVE_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 6.7)">OCTV</text> + <g transform="translate(10 14)"><svg id="FMOD_FULL_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 19.7)">FULL</text> + <g transform="translate(14 25)"><svg id="FMOD_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(5.5 287)"> + <rect class="output-background" width="34" height="73" rx="5"/> + <rect class="input-background" width="34" height="36.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 26.5)"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + <g transform="translate(5 38)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 70)">OUT</text> + </g> + + <g transform="translate(45 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">1</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL1_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(90 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">2</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL2_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(135 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">3</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL3_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(180 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">4</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL4_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 192)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 191)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(225 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">5</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL5_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 164)"><svg id="FREQUENCY5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT5_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> + + <g transform="translate(270 20)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">6</text> + <g transform="translate(0 8)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 32.86)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 46.05)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 72.41)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 125.14)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 151.5)"> + + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 8)"><svg id="LEVEL6_PARAM"> + <rect width="18" height="151" fill="none"/> + <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 40)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + <g transform="translate(14.5 163)"><svg id="FREQUENCY6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 152)"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> + <g transform="translate(14.5 204)"><svg id="FREQUENCY_CV6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 192)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g class="io-group" transform="translate(5.5 232)"> + <rect class="output-background" width="34" height="108" rx="5"/> + <rect class="input-background" width="34" height="71.5" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 61.5)"/> + <g transform="translate(5 3)"><svg id="LEVEL6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> + <g transform="translate(5 38)"><svg id="FREQUENCY_CV6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> + <g transform="translate(5 73)"><svg id="OUT6_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/PEQ6-pp.svg b/res-pp/PEQ6-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -83,13 +81,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 -5)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 33)">FCV</text> @@ -113,13 +109,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 -7)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(16.5 33)">BW</text> @@ -242,11 +236,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -260,13 +254,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -354,11 +346,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -372,13 +364,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -466,11 +456,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -484,13 +474,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -578,11 +566,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -596,13 +584,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 191)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -690,11 +676,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -708,13 +694,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> @@ -802,11 +786,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 152)"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </g> @@ -820,13 +804,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 192)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> diff --git a/res-pp/PEQ6XF-dark-pp.svg b/res-pp/PEQ6XF-dark-pp.svg @@ -0,0 +1,202 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">PEQ6XF</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 24)"> + <g transform="translate(14.5 8)"><svg id="DAMP_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -4)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(12 0)">DAMP</text> + </g> + + <g transform="translate(0 63)"> + <g transform="translate(14.5 8)"><svg id="GAIN_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -4)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(13 0)">GAIN</text> + </g> + + <g class="io-group" transform="translate(5.5 104)"> + <rect class="output-background" width="34" height="225" rx="5" transform="translate(0 -10)"/> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">EF</text> + <g transform="translate(5 3)"><svg id="EF1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 35)">1</text> + <g transform="translate(5 38)"><svg id="EF2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 70)">2</text> + <g transform="translate(5 73)"><svg id="EF3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 105)">3</text> + <g transform="translate(5 108)"><svg id="EF4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 140)">4</text> + <g transform="translate(5 143)"><svg id="EF5_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 175)">5</text> + <g transform="translate(5 178)"><svg id="EF6_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 210)">6</text> + </g> +</svg> diff --git a/res-pp/PEQ6XF-pp.svg b/res-pp/PEQ6XF-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">PEQ6XF</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -81,13 +79,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 -4)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(12 0)">DAMP</text> @@ -103,13 +99,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 -4)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(13 0)">GAIN</text> @@ -117,7 +111,7 @@ text.input-label, text.output-label { <g class="io-group" transform="translate(5.5 104)"> <rect class="output-background" width="34" height="225" rx="5" transform="translate(0 -10)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">EF</text> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">EF</text> <g transform="translate(5 3)"><svg id="EF1_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> diff --git a/res-pp/Pan-dark-pp.svg b/res-pp/Pan-dark-pp.svg @@ -0,0 +1,207 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-panner-pan" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.8 2)">L</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2.1 2)">R</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">PAN</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 15)"> + <g transform="translate(9.5 9.5)"><svg id="PAN1_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-panner-pan" transform="translate(0 0)" href="#dial-panner-pan"/> + <g class="io-group" transform="translate(5.5 44)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="CV1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + <g transform="translate(5 38)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> + </g> + </g> + + <g transform="translate(0 138)"> + <g transform="translate(9.5 9.5)"><svg id="PAN2_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-panner-pan" transform="translate(0 0)" href="#dial-panner-pan"/> + <g class="io-group" transform="translate(5.5 44)"> + <rect class="input-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="CV2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + <g transform="translate(5 38)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> + </g> + </g> + + <g class="io-group" transform="translate(5.5 265)"> + <rect class="output-background" width="34" height="73" rx="5"/> + <g transform="translate(5 3)"><svg id="L_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 35)">L</text> + <g transform="translate(5 38)"><svg id="R_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 70)">R</text> + </g> +</svg> diff --git a/res-pp/Pan-pp.svg b/res-pp/Pan-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-panner-pan" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.8 2)">L</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2.1 2)">R</text> </g> </symbol> @@ -84,7 +82,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">PAN</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/Pgmr-dark-pp.svg b/res-pp/Pgmr-dark-pp.svg @@ -0,0 +1,946 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="225.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">PGMR</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/> + </g> + + + + + + + <g class="io-group" transform="translate(5.5 56)"> + <rect class="output-background" width="34" height="155" rx="5" transform="translate(0 -10)"/> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> + <g transform="translate(5 3)"><svg id="A_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 35)">A</text> + <g transform="translate(5 38)"><svg id="B_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 70)">B</text> + <g transform="translate(5 73)"><svg id="C_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 105)">C</text> + <g transform="translate(5 108)"><svg id="D_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 140)">D</text> + </g> + + <g transform="translate(0 224)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 92)"/> + <rect class="input-background" width="34" height="102" rx="5" transform="translate(0 -3)"/> + <g transform="translate(5 2)"><svg id="CLOCK_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(2.5 34)">CLOCK</text> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(5 46.5)">FWD</text> + <g transform="translate(22.5 39.7)"><svg id="DIRECTION_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="0.1px" transform="translate(2 60)">S.O.C.</text> + <g transform="translate(22.5 53.2)"><svg id="SELECT_ON_CLOCK_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 66)"><svg id="SELECT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(2.5 98)">SELECT</text> + </g> + <g class="io-group" transform="translate(5.5 105)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="30" rx="5"/> + <g transform="translate(5 1)"><svg id="SELECT_ALL_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + </g> + + <g transform="translate(45 30)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">1</text> + <g transform="translate(9.5 10.5)"><svg id="CVA1_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 1)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> + <g transform="translate(9.5 64.5)"><svg id="CVB1_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 55)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> + <g transform="translate(9.5 118.5)"><svg id="CVC1_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 109)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> + <g transform="translate(9.5 172.5)"><svg id="CVD1_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 163)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> + <g transform="translate(0 223)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="76" rx="5" transform="translate(0 -3)"/> + <g transform="translate(13.8 2)"><svg id="SELECT1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(8 14)"><svg id="SELECT1_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 37)"><svg id="SELECT1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + </g> + <g class="io-group" transform="translate(5.5 73)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 0)"/> + <rect class="output-background" width="34" height="33" rx="5"/> + <g transform="translate(5 4)"><svg id="SELECT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + </g> + </g> + + <g transform="translate(90 30)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">2</text> + <g transform="translate(9.5 10.5)"><svg id="CVA2_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 1)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> + <g transform="translate(9.5 64.5)"><svg id="CVB2_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 55)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> + <g transform="translate(9.5 118.5)"><svg id="CVC2_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 109)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> + <g transform="translate(9.5 172.5)"><svg id="CVD2_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 163)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> + <g transform="translate(0 223)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="76" rx="5" transform="translate(0 -3)"/> + <g transform="translate(13.8 2)"><svg id="SELECT2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(8 14)"><svg id="SELECT2_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 37)"><svg id="SELECT2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + </g> + <g class="io-group" transform="translate(5.5 73)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 0)"/> + <rect class="output-background" width="34" height="33" rx="5"/> + <g transform="translate(5 4)"><svg id="SELECT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + </g> + </g> + + <g transform="translate(135 30)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">3</text> + <g transform="translate(9.5 10.5)"><svg id="CVA3_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 1)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> + <g transform="translate(9.5 64.5)"><svg id="CVB3_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 55)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> + <g transform="translate(9.5 118.5)"><svg id="CVC3_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 109)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> + <g transform="translate(9.5 172.5)"><svg id="CVD3_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 163)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> + <g transform="translate(0 223)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="76" rx="5" transform="translate(0 -3)"/> + <g transform="translate(13.8 2)"><svg id="SELECT3_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(8 14)"><svg id="SELECT3_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 37)"><svg id="SELECT3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + </g> + <g class="io-group" transform="translate(5.5 73)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 0)"/> + <rect class="output-background" width="34" height="33" rx="5"/> + <g transform="translate(5 4)"><svg id="SELECT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + </g> + </g> + + <g transform="translate(180 30)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">4</text> + <g transform="translate(9.5 10.5)"><svg id="CVA4_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 1)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> + <g transform="translate(9.5 64.5)"><svg id="CVB4_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 55)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> + <g transform="translate(9.5 118.5)"><svg id="CVC4_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 109)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> + <g transform="translate(9.5 172.5)"><svg id="CVD4_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 163)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> + <g transform="translate(0 223)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="76" rx="5" transform="translate(0 -3)"/> + <g transform="translate(13.8 2)"><svg id="SELECT4_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(8 14)"><svg id="SELECT4_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 37)"><svg id="SELECT4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + </g> + <g class="io-group" transform="translate(5.5 73)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 0)"/> + <rect class="output-background" width="34" height="33" rx="5"/> + <g transform="translate(5 4)"><svg id="SELECT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + </g>Z + </g> + +</svg> diff --git a/res-pp/Pgmr-pp.svg b/res-pp/Pgmr-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -75,7 +73,7 @@ text.input-label, text.output-label { <g class="io-group" transform="translate(5.5 56)"> <rect class="output-background" width="34" height="155" rx="5" transform="translate(0 -10)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> <g transform="translate(5 3)"><svg id="A_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> @@ -117,13 +115,13 @@ text.input-label, text.output-label { </g> </svg></g> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(2.5 34)">CLOCK</text> - <text font-size="5pt" letter-spacing="1px" transform="translate(5 46.5)">FWD</text> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(5 46.5)">FWD</text> <g transform="translate(22.5 39.7)"><svg id="DIRECTION_PARAM"> <g transform="translate(4.5 4.5)"> <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> </g> </svg></g> - <text font-size="5pt" letter-spacing="0.1px" transform="translate(2 60)">S.O.C.</text> + <text class="input-label" font-size="5pt" letter-spacing="0.1px" transform="translate(2 60)">S.O.C.</text> <g transform="translate(22.5 53.2)"><svg id="SELECT_ON_CLOCK_PARAM"> <g transform="translate(4.5 4.5)"> <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> @@ -162,27 +160,27 @@ text.input-label, text.output-label { <g transform="translate(0 1)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -200,27 +198,27 @@ text.input-label, text.output-label { <g transform="translate(0 55)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -238,27 +236,27 @@ text.input-label, text.output-label { <g transform="translate(0 109)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -276,27 +274,27 @@ text.input-label, text.output-label { <g transform="translate(0 163)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -350,27 +348,27 @@ text.input-label, text.output-label { <g transform="translate(0 1)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -388,27 +386,27 @@ text.input-label, text.output-label { <g transform="translate(0 55)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -426,27 +424,27 @@ text.input-label, text.output-label { <g transform="translate(0 109)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -464,27 +462,27 @@ text.input-label, text.output-label { <g transform="translate(0 163)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -538,27 +536,27 @@ text.input-label, text.output-label { <g transform="translate(0 1)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -576,27 +574,27 @@ text.input-label, text.output-label { <g transform="translate(0 55)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -614,27 +612,27 @@ text.input-label, text.output-label { <g transform="translate(0 109)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -652,27 +650,27 @@ text.input-label, text.output-label { <g transform="translate(0 163)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -726,27 +724,27 @@ text.input-label, text.output-label { <g transform="translate(0 1)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -764,27 +762,27 @@ text.input-label, text.output-label { <g transform="translate(0 55)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -802,27 +800,27 @@ text.input-label, text.output-label { <g transform="translate(0 109)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -840,27 +838,27 @@ text.input-label, text.output-label { <g transform="translate(0 163)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> diff --git a/res-pp/PgmrX-dark-pp.svg b/res-pp/PgmrX-dark-pp.svg @@ -0,0 +1,865 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="180" height="380" viewBox="0 0 180 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="180.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 179.0,1 179.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 180.0,0 180.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(90.0 19)">PGMRX</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(90.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(74.5 -5)"/> + </g> + + + <g transform="translate(0 30)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(18 -1)">+1</text> + <g transform="translate(9.5 10.5)"><svg id="CVA1_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 1)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> + <g transform="translate(9.5 64.5)"><svg id="CVB1_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 55)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> + <g transform="translate(9.5 118.5)"><svg id="CVC1_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 109)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> + <g transform="translate(9.5 172.5)"><svg id="CVD1_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 163)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> + <g transform="translate(0 223)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="76" rx="5" transform="translate(0 -3)"/> + <g transform="translate(13.8 2)"><svg id="SELECT1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(8 14)"><svg id="SELECT1_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 37)"><svg id="SELECT1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + </g> + <g class="io-group" transform="translate(5.5 73)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 0)"/> + <rect class="output-background" width="34" height="33" rx="5"/> + <g transform="translate(5 4)"><svg id="SELECT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + </g> + </g> + + <g transform="translate(45 30)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(18 -1)">+2</text> + <g transform="translate(9.5 10.5)"><svg id="CVA2_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 1)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> + <g transform="translate(9.5 64.5)"><svg id="CVB2_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 55)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> + <g transform="translate(9.5 118.5)"><svg id="CVC2_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 109)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> + <g transform="translate(9.5 172.5)"><svg id="CVD2_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 163)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> + <g transform="translate(0 223)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="76" rx="5" transform="translate(0 -3)"/> + <g transform="translate(13.8 2)"><svg id="SELECT2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(8 14)"><svg id="SELECT2_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 37)"><svg id="SELECT2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + </g> + <g class="io-group" transform="translate(5.5 73)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 0)"/> + <rect class="output-background" width="34" height="33" rx="5"/> + <g transform="translate(5 4)"><svg id="SELECT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + </g> + </g> + + <g transform="translate(90 30)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(18 -1)">+3</text> + <g transform="translate(9.5 10.5)"><svg id="CVA3_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 1)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> + <g transform="translate(9.5 64.5)"><svg id="CVB3_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 55)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> + <g transform="translate(9.5 118.5)"><svg id="CVC3_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 109)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> + <g transform="translate(9.5 172.5)"><svg id="CVD3_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 163)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> + <g transform="translate(0 223)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="76" rx="5" transform="translate(0 -3)"/> + <g transform="translate(13.8 2)"><svg id="SELECT3_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(8 14)"><svg id="SELECT3_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 37)"><svg id="SELECT3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + </g> + <g class="io-group" transform="translate(5.5 73)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 0)"/> + <rect class="output-background" width="34" height="33" rx="5"/> + <g transform="translate(5 4)"><svg id="SELECT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + </g> + </g> + + <g transform="translate(135 30)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(17.5 -1)">+4</text> + <g transform="translate(9.5 10.5)"><svg id="CVA4_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 1)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> + <g transform="translate(9.5 64.5)"><svg id="CVB4_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 55)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> + <g transform="translate(9.5 118.5)"><svg id="CVC4_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 109)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> + <g transform="translate(9.5 172.5)"><svg id="CVD4_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 163)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> + + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> + + <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> + <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text> + </g> + </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> + <g transform="translate(0 223)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="76" rx="5" transform="translate(0 -3)"/> + <g transform="translate(13.8 2)"><svg id="SELECT4_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <g transform="translate(8 14)"><svg id="SELECT4_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 37)"><svg id="SELECT4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + </g> + <g class="io-group" transform="translate(5.5 73)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 0)"/> + <rect class="output-background" width="34" height="33" rx="5"/> + <g transform="translate(5 4)"><svg id="SELECT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + </g> + </g> +</svg> diff --git a/res-pp/PgmrX-pp.svg b/res-pp/PgmrX-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -82,27 +80,27 @@ text.input-label, text.output-label { <g transform="translate(0 1)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -120,27 +118,27 @@ text.input-label, text.output-label { <g transform="translate(0 55)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -158,27 +156,27 @@ text.input-label, text.output-label { <g transform="translate(0 109)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -196,27 +194,27 @@ text.input-label, text.output-label { <g transform="translate(0 163)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -270,27 +268,27 @@ text.input-label, text.output-label { <g transform="translate(0 1)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -308,27 +306,27 @@ text.input-label, text.output-label { <g transform="translate(0 55)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -346,27 +344,27 @@ text.input-label, text.output-label { <g transform="translate(0 109)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -384,27 +382,27 @@ text.input-label, text.output-label { <g transform="translate(0 163)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -458,27 +456,27 @@ text.input-label, text.output-label { <g transform="translate(0 1)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -496,27 +494,27 @@ text.input-label, text.output-label { <g transform="translate(0 55)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -534,27 +532,27 @@ text.input-label, text.output-label { <g transform="translate(0 109)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -572,27 +570,27 @@ text.input-label, text.output-label { <g transform="translate(0 163)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -646,27 +644,27 @@ text.input-label, text.output-label { <g transform="translate(0 1)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -684,27 +682,27 @@ text.input-label, text.output-label { <g transform="translate(0 55)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -722,27 +720,27 @@ text.input-label, text.output-label { <g transform="translate(0 109)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -760,27 +758,27 @@ text.input-label, text.output-label { <g transform="translate(0 163)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> diff --git a/res-pp/PolyCon16-dark-pp.svg b/res-pp/PolyCon16-dark-pp.svg @@ -0,0 +1,525 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="120" height="380" viewBox="0 0 120 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="120.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 119.0,1 119.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 120.0,0 120.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="9pt" letter-spacing="2px" text-anchor="end" transform="translate(110.0 19)">POLYCON16</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + + + + + + + <g transform="translate(21.5 22)"> + <g transform="translate(3.6 8)"><svg id="CHANNEL1_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(-6.5 20.5)">1</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL1_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(21.5 59)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL2_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(-7 20.5)">2</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL2_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(21.5 96)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL3_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(-7 20.5)">3</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL3_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(21.5 133)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL4_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">4</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL4_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(21.5 170)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL5_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">5</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL5_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(21.5 207)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL6_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">6</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL6_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(21.5 244)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL7_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">7</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL7_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(21.5 281)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL8_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">8</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL8_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(71.5 22)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL9_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(31 20.5)">9</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL9_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(71.5 59)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL10_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">10</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL10_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(71.5 96)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL11_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">11</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL11_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(71.5 133)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL12_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">12</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL12_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(71.5 170)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL13_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">13</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL13_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(71.5 207)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL14_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">14</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL14_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(71.5 244)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL15_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">15</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL15_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(71.5 281)"> + <g transform="translate(3.5 8)"><svg id="CHANNEL16_PARAM"> + <g transform="translate(10 10)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-6.5 -2)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">16</text> + <g transform="translate(12.25 30)"><svg id="CHANNEL16_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g transform="translate(11 320)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(0 39) rotate(-90) translate(6.5 0)">CHAN</text> + <g transform="translate(12 12)"><svg id="CHANNELS_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 0)"> + <g transform="translate(20 20)"> + <text font-size="5pt" transform="rotate(-240) translate(14 0) rotate(240) translate(-2 2)">1</text> + <text font-size="5pt" transform="rotate(-180) translate(14 0) rotate(180) translate(-2 2)">4</text> + <text font-size="5pt" transform="rotate(-100) translate(14 0) rotate(100) translate(-2 2)">8</text> + <text font-size="5pt" transform="rotate(-20) translate(13 0) rotate(20) translate(-2 2)">12</text> + <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">16</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-220) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-200) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-160) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-140) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-80) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(20) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(40) translate(10 0)"/> + </g> + </g> + </g> + + <g class="io-group" transform="translate(52 318)"> + <rect class="input-background" width="60" height="40" rx="5"/> + <rect class="output-background" width="24" height="40" rx="5" transform="translate(38)"/> + <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> + <g transform="translate(3.5 4)"><svg id="CHANNELS_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 36)">CHAN</text> + <g transform="translate(34.5 4)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> + </g> +</svg> diff --git a/res-pp/PolyCon16-pp.svg b/res-pp/PolyCon16-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <polyline class="module-border-middle" points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> <polyline class="module-border-outer" points="0,0 120.0,0 120.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> - <text class="title" font-size="9pt" letter-spacing="2px" text-anchor="middle" transform="translate(60.0 19)">POLYCON16</text> + <text class="title" font-size="9pt" letter-spacing="2px" text-anchor="end" transform="translate(110.0 19)">POLYCON16</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> @@ -86,10 +84,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(-6.5 20.5)">1</text> @@ -108,10 +106,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7 20.5)">2</text> @@ -130,10 +128,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7 20.5)">3</text> @@ -152,10 +150,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">4</text> @@ -174,10 +172,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">5</text> @@ -196,10 +194,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">6</text> @@ -218,10 +216,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">7</text> @@ -240,10 +238,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">8</text> @@ -263,10 +261,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(31 20.5)">9</text> @@ -285,10 +283,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">10</text> @@ -307,10 +305,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">11</text> @@ -329,10 +327,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">12</text> @@ -351,10 +349,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">13</text> @@ -373,10 +371,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">14</text> @@ -395,10 +393,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">15</text> @@ -417,10 +415,10 @@ text.input-label, text.output-label { <g transform="translate(-6.5 -2)"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">16</text> @@ -446,17 +444,17 @@ text.input-label, text.output-label { <text font-size="5pt" transform="rotate(-20) translate(13 0) rotate(20) translate(-2 2)">12</text> <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">16</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-220) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-200) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-160) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-140) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-80) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-40) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(20) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(40) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-220) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-200) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-160) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-140) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-80) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(20) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(40) translate(10 0)"/> </g> </g> </g> @@ -471,13 +469,13 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 36)">CHAN</text> <g transform="translate(34.5 4)"><svg id="OUT_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(3 36)">CHAN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> </g> </svg> diff --git a/res-pp/PolyCon8-dark-pp.svg b/res-pp/PolyCon8-dark-pp.svg @@ -0,0 +1,314 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="1.3px">POLYCON8</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + + + + <g transform="translate(0 18)"> + + <g transform="translate(14.5 6)"><svg id="CHANNEL1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">1</text> + <g transform="translate(38.5 12.4)"><svg id="CHANNEL1_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(0 49.5)"> + + <g transform="translate(14.5 6)"><svg id="CHANNEL2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">2</text> + <g transform="translate(38.5 12.4)"><svg id="CHANNEL2_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(0 81)"> + + <g transform="translate(14.5 6)"><svg id="CHANNEL3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">3</text> + <g transform="translate(38.5 12.4)"><svg id="CHANNEL3_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(0 112.5)"> + + <g transform="translate(14.5 6)"><svg id="CHANNEL4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">4</text> + <g transform="translate(38.5 12.4)"><svg id="CHANNEL4_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(0 144)"> + + <g transform="translate(14.5 6)"><svg id="CHANNEL5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">5</text> + <g transform="translate(38.5 12.4)"><svg id="CHANNEL5_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(0 175.5)"> + + <g transform="translate(14.5 6)"><svg id="CHANNEL6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">6</text> + <g transform="translate(38.5 12.4)"><svg id="CHANNEL6_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(0 207)"> + + <g transform="translate(14.5 6)"><svg id="CHANNEL7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">7</text> + <g transform="translate(38.5 12.4)"><svg id="CHANNEL7_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(0 238.5)"> + + <g transform="translate(14.5 6)"><svg id="CHANNEL8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -6)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">8</text> + <g transform="translate(38.5 12.4)"><svg id="CHANNEL8_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + + <g class="io-group" transform="translate(7.5 270)"> + <rect class="output-background" width="34" height="40" rx="5" transform="translate(-2 0)"/> + <g transform="translate(3 4)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 36)">OUT</text> + </g> +</svg> diff --git a/res-pp/PolyCon8-pp.svg b/res-pp/PolyCon8-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -63,10 +61,10 @@ text.input-label, text.output-label { <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"/> <g transform="rotate(-90) translate(-376.0 13)"> - <text class="title" font-size="7pt" letter-spacing="2.5px">POLYCON8</text> + <text class="title" font-size="7pt" letter-spacing="1.3px">POLYCON8</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -85,13 +83,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">1</text> @@ -110,13 +106,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">2</text> @@ -135,13 +129,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">3</text> @@ -160,13 +152,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">4</text> @@ -185,13 +175,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">5</text> @@ -210,13 +198,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">6</text> @@ -235,13 +221,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">7</text> @@ -260,13 +244,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -6)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">8</text> diff --git a/res-pp/PolyMult-dark-pp.svg b/res-pp/PolyMult-dark-pp.svg @@ -0,0 +1,200 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">POLYMULT</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(2.5 30)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(6.5 0)">CHAN</text> + <g transform="translate(12 12)"><svg id="CHANNELS_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 0)"> + <g transform="translate(20 20)"> + <text font-size="5pt" transform="rotate(-240) translate(14 0) rotate(240) translate(-2 2)">1</text> + <text font-size="5pt" transform="rotate(-180) translate(14 0) rotate(180) translate(-2 2)">4</text> + <text font-size="5pt" transform="rotate(-100) translate(14 0) rotate(100) translate(-2 2)">8</text> + <text font-size="5pt" transform="rotate(-20) translate(13 0) rotate(20) translate(-2 2)">12</text> + <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">16</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-220) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-200) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-160) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-140) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-80) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(20) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(40) translate(10 0)"/> + </g> + </g> + </g> + + <g transform="translate(0 70)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="74" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 64)"/> + <g transform="translate(5 3)"><svg id="CHANNELS_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(6 35)">CHAN</text> + <g transform="translate(5 39)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 71)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 77)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="140" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + <g transform="translate(5 35)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 67)">OUT</text> + <g transform="translate(5 70)"><svg id="OUT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 102)">OUT</text> + <g transform="translate(5 105)"><svg id="OUT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 137)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/PolyMult-pp.svg b/res-pp/PolyMult-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">POLYMULT</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -88,17 +86,17 @@ text.input-label, text.output-label { <text font-size="5pt" transform="rotate(-20) translate(13 0) rotate(20) translate(-2 2)">12</text> <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">16</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-220) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-200) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-160) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-140) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-80) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-40) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(20) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(40) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-220) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-200) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-160) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-140) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-80) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(20) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(40) translate(10 0)"/> </g> </g> </g> diff --git a/res-pp/PolyOff16-dark-pp.svg b/res-pp/PolyOff16-dark-pp.svg @@ -0,0 +1,889 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="240" height="380" viewBox="0 0 240 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="240.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 239.0,1 239.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 239.5,0.5 239.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 240.0,0 240.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(120.0 19)">POLYOFF16</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(120.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(104.5 -5)"/> + </g> + + + <g class="io-group" transform="translate(5.5 24)"> + <rect class="input-background" width="34" height="289" rx="5" transform="translate(0 0)"/> + <g transform="translate(5 5)"><svg id="CV1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 40)"><svg id="CV2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 75)"><svg id="CV3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 110)"><svg id="CV4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 145)"><svg id="CV5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 180)"><svg id="CV6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 215)"><svg id="CV7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 250)"><svg id="CV8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(4 284)">IN/CV</text> + </g> + + <g class="io-group" transform="translate(125.5 24)"> + <rect class="input-background" width="34" height="289" rx="5" transform="translate(0 0)"/> + <g transform="translate(5 5)"><svg id="CV9_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 40)"><svg id="CV10_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 75)"><svg id="CV11_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 110)"><svg id="CV12_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 145)"><svg id="CV13_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 180)"><svg id="CV14_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 215)"><svg id="CV15_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 250)"><svg id="CV16_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(4 284)">IN/CV</text> + </g> + + <g transform="translate(0 33)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">1</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL1_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(0 68)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">2</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL2_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(0 103)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">3</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL3_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(0 138)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">4</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL4_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(0 173)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">5</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL5_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(0 208)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">6</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL6_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(0 243)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">7</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL7_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(0 278)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">8</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL8_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(120 33)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">9</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL9_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET9_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE9_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 68)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">10</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL10_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET10_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE10_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 103)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">11</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL11_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET11_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE11_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 138)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">12</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL12_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET12_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE12_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 173)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">13</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL13_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET13_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE13_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 208)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">14</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL14_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET14_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE14_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 243)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">15</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL15_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET15_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE15_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + <g transform="translate(120 278)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">16</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL16_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET16_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE16_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <text font-size="6pt" letter-spacing="0.3px" transform="translate(55 308)">OFFSET</text> + <text font-size="6pt" letter-spacing="0.3px" transform="translate(88.5 308)">SCALE</text> + <text font-size="6pt" letter-spacing="0.3px" transform="translate(175 308)">OFFSET</text> + <text font-size="6pt" letter-spacing="0.3px" transform="translate(208.5 308)">SCALE</text> + + + + + <g transform="translate(73 320)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(-4 39) rotate(-90) translate(6.5 0)">CHAN</text> + <g transform="translate(10 12)"><svg id="CHANNELS_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-2 0)"> + <g transform="translate(20 20)"> + <text font-size="5pt" transform="rotate(-240) translate(14 0) rotate(240) translate(-2 2)">1</text> + <text font-size="5pt" transform="rotate(-180) translate(14 0) rotate(180) translate(-2 2)">4</text> + <text font-size="5pt" transform="rotate(-100) translate(14 0) rotate(100) translate(-2 2)">8</text> + <text font-size="5pt" transform="rotate(-20) translate(13 0) rotate(20) translate(-2 2)">12</text> + <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">16</text> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-220) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-200) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-160) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-140) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-80) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(20) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(40) translate(10 0)"/> + </g> + </g> + </g> + + <g class="io-group" transform="translate(115 318)"> + <rect class="input-background" width="60" height="40" rx="5"/> + <rect class="output-background" width="24" height="40" rx="5" transform="translate(38)"/> + <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> + <g transform="translate(3.5 4)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text> + <g transform="translate(34.5 4)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> + </g> +</svg> diff --git a/res-pp/PolyOff16-pp.svg b/res-pp/PolyOff16-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -189,13 +187,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE1_PARAM"> @@ -207,13 +203,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -231,13 +225,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE2_PARAM"> @@ -249,13 +241,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -273,13 +263,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE3_PARAM"> @@ -291,13 +279,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -315,13 +301,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE4_PARAM"> @@ -333,13 +317,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -357,13 +339,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE5_PARAM"> @@ -375,13 +355,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -399,13 +377,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE6_PARAM"> @@ -417,13 +393,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -441,13 +415,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE7_PARAM"> @@ -459,13 +431,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -483,13 +453,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE8_PARAM"> @@ -501,13 +469,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -526,13 +492,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE9_PARAM"> @@ -544,13 +508,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -568,13 +530,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE10_PARAM"> @@ -586,13 +546,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -610,13 +568,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE11_PARAM"> @@ -628,13 +584,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -652,13 +606,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE12_PARAM"> @@ -670,13 +622,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -694,13 +644,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE13_PARAM"> @@ -712,13 +660,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -736,13 +682,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE14_PARAM"> @@ -754,13 +698,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -778,13 +720,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE15_PARAM"> @@ -796,13 +736,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -820,13 +758,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE16_PARAM"> @@ -838,13 +774,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -874,17 +808,17 @@ text.input-label, text.output-label { <text font-size="5pt" transform="rotate(-20) translate(13 0) rotate(20) translate(-2 2)">12</text> <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">16</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-220) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-200) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-160) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-140) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-80) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-40) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(20) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(40) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-220) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-200) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-160) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-140) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-80) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(20) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(40) translate(10 0)"/> </g> </g> </g> @@ -899,13 +833,13 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text> <g transform="translate(34.5 4)"><svg id="OUT_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> </g> </svg> diff --git a/res-pp/PolyOff8-dark-pp.svg b/res-pp/PolyOff8-dark-pp.svg @@ -0,0 +1,540 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="120" height="380" viewBox="0 0 120 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="120.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 119.0,1 119.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 120.0,0 120.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(110.0 19)">POLYOFF8</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + + + + + + + + + <g class="io-group" transform="translate(5.5 24)"> + <rect class="input-background" width="34" height="289" rx="5" transform="translate(0 0)"/> + <g transform="translate(5 5)"><svg id="CV1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 40)"><svg id="CV2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 75)"><svg id="CV3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 110)"><svg id="CV4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 145)"><svg id="CV5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 180)"><svg id="CV6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 215)"><svg id="CV7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 250)"><svg id="CV8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(4 284)">IN/CV</text> + </g> + + <g transform="translate(0 33)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">1</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL1_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE1_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + </g> + + <g transform="translate(0 68)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">2</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL2_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE2_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + </g> + + <g transform="translate(0 103)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">3</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL3_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE3_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + </g> + + <g transform="translate(0 138)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">4</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL4_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE4_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + </g> + + <g transform="translate(0 173)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">5</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL5_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE5_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + </g> + + <g transform="translate(0 208)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">6</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL6_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE6_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + </g> + + <g transform="translate(0 243)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">7</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL7_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE7_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + </g> + + <g transform="translate(0 278)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">8</text> + <g transform="translate(46.8 10)"><svg id="CHANNEL8_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + <g transform="translate(62.5 0)"><svg id="OFFSET8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(50.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(93.5 0)"><svg id="SCALE8_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(81.5 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + </g> + + <text font-size="6pt" letter-spacing="0.3px" transform="translate(55 308)">OFFSET</text> + <text font-size="6pt" letter-spacing="0.3px" transform="translate(88.5 308)">SCALE</text> + + <g transform="translate(11 320)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(0 39) rotate(-90) translate(6.5 0)">CHAN</text> + <g transform="translate(12 12)"><svg id="CHANNELS_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 0)"> + <g transform="translate(20 20)"> + <text font-size="5pt" transform="rotate(-240) translate(14 0) rotate(240) translate(-2 2)">1</text> + <text font-size="5pt" transform="rotate(-197.1) translate(14 0) rotate(197.1) translate(-2 2)">2</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-154.3) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-111.4) translate(14 0) rotate(111.4) translate(-2 2)">4</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-68.6) translate(10 0)"/> + <text font-size="5pt" transform="rotate(-25.7) translate(13 0) rotate(25.7) translate(-2 2)">6</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(17.1) translate(10 0)"/> + <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">8</text> + </g> + </g> + </g> + + <g class="io-group" transform="translate(52 318)"> + <rect class="input-background" width="60" height="40" rx="5"/> + <rect class="output-background" width="24" height="40" rx="5" transform="translate(38)"/> + <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> + <g transform="translate(3.5 4)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text> + <g transform="translate(34.5 4)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> + </g> +</svg> diff --git a/res-pp/PolyOff8-pp.svg b/res-pp/PolyOff8-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <polyline class="module-border-middle" points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> <polyline class="module-border-outer" points="0,0 120.0,0 120.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="middle" transform="translate(60.0 19)">POLYOFF8</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(110.0 19)">POLYOFF8</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> @@ -144,13 +142,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE1_PARAM"> @@ -162,13 +158,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -188,13 +182,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE2_PARAM"> @@ -206,13 +198,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -232,13 +222,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE3_PARAM"> @@ -250,13 +238,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -276,13 +262,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE4_PARAM"> @@ -294,13 +278,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -320,13 +302,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE5_PARAM"> @@ -338,13 +318,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -364,13 +342,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE6_PARAM"> @@ -382,13 +358,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -408,13 +382,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE7_PARAM"> @@ -426,13 +398,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -452,13 +422,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(50.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(93.5 0)"><svg id="SCALE8_PARAM"> @@ -470,13 +438,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(81.5 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -498,11 +464,11 @@ text.input-label, text.output-label { <g transform="translate(20 20)"> <text font-size="5pt" transform="rotate(-240) translate(14 0) rotate(240) translate(-2 2)">1</text> <text font-size="5pt" transform="rotate(-197.1) translate(14 0) rotate(197.1) translate(-2 2)">2</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-154.3) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-154.3) translate(10 0)"/> <text font-size="5pt" transform="rotate(-111.4) translate(14 0) rotate(111.4) translate(-2 2)">4</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-68.6) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-68.6) translate(10 0)"/> <text font-size="5pt" transform="rotate(-25.7) translate(13 0) rotate(25.7) translate(-2 2)">6</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(17.1) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(17.1) translate(10 0)"/> <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">8</text> </g> </g> @@ -518,13 +484,13 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text> <g transform="translate(34.5 4)"><svg id="OUT_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> </g> </svg> diff --git a/res-pp/Pressor-dark-pp.svg b/res-pp/Pressor-dark-pp.svg @@ -0,0 +1,525 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-ratio-pressor" viewBox="0 0 70px 70px"> + <g transform="translate(35 35)"> + <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-2.5 2.5)">1</text> + <text font-size="6.0pt" transform="rotate(-193.72) translate(25 0) rotate(193.72) translate(-8 2.5)">1.1</text> + <text font-size="6.0pt" transform="rotate(-149.7) translate(25 0) rotate(149.7) translate(-9 2.5)">1.3</text> + <text font-size="6.0pt" transform="rotate(-108.93) translate(25 0) rotate(108.93) translate(-9 2.5)">1.6</text> + <text font-size="6.0pt" transform="rotate(-74.52) translate(25 0) rotate(74.52) translate(-2.3 2.5)">2</text> + <text font-size="6.0pt" transform="rotate(-47.12) translate(25 0) rotate(47.12) translate(-2.3 2.5)">2.5</text> + <text font-size="6.0pt" transform="rotate(-6.18) translate(25 0) rotate(6.18) translate(-2.3 2.5)">4</text> + <text font-size="6.0pt" transform="rotate(31.11) translate(25 0) rotate(-31.11) translate(-2.3 2.5)">9</text> + <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-4 2.2)">&#x221E;</text> + </g> + </symbol> + + <symbol id="dial-threshold-pressor" viewBox="0 0 70px 70px"> + <g transform="translate(35 35)"> + <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(21 0)"/> + <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text> + <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> + </g> + </symbol> + + <symbol id="dial-attack-pressor" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-5.7 2.2)">50</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.68) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">250</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.81) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">500</text> + <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4.4 2.2)">MS</text> + </g> + </symbol> + + <symbol id="dial-release-pressor" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-7.5 2.2)">0.2</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.68) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">1</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.81) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">2</text> + <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-2 2.2)">S</text> + </g> + </symbol> + + <symbol id="dial-detectormix-pressor" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-4.2 2.2)">IN</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2.1 2.5)">SD</text> + </g> + </symbol> + + <symbol id="dial-inputgain-pressor" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-8 2.2)">-12</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-4.5 2.2)">-6</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(-90) translate(17 0) rotate(90) translate(-1.9 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-2 2.2)">6</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">12</text> + <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text> + </g> + </symbol> + + <symbol id="dial-outputgain-pressor" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-2 2.2)">6</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(-90) translate(17 0) rotate(90) translate(-4 2)">12</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-3.5 2.2)">18</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">24</text> + <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text> + </g> + </symbol> + + <symbol id="compression-pressor" viewBox="0 0 11px 75px"> + + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 30)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 45)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 60)"/> + </symbol> + + <symbol id="guide-compression-pressor" viewBox="0 0 20px 95px"> + <g transform="translate(0 10)"> + <g transform="translate(0 0)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-5.5 2.2)">30+</text> + </g> + <g transform="translate(0 15)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">24</text> + </g> + <g transform="translate(0 30)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4.5 2.2)">18</text> + </g> + <g transform="translate(0 45)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4.5 2.2)">12</text> + </g> + <g transform="translate(0 60)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">6</text> + </g> + <g transform="translate(0 75)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">0</text> + </g> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="225.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">PRESSOR</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/> + </g> + + + <g transform="translate(13 53)"> + + + + + + <text font-size="8pt" letter-spacing="1.5px" transform="translate(4 56.5) rotate(270)">THRESHOLD</text> + <g transform="translate(23 0)"><svg id="THRESHOLD_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-threshold-pressor" transform="translate(7 -16)" href="#dial-threshold-pressor"/> + </g> + + <g transform="translate(102 53)"> + + + <text font-size="8pt" letter-spacing="2px" transform="translate(4 38.5) rotate(270)">RATIO</text> + <g transform="translate(23 0)"><svg id="RATIO_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-ratio-pressor" transform="translate(7 -16)" href="#dial-ratio-pressor"/> + </g> + + <g transform="translate(207 35)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(-15 75) rotate(270)">COMPRESSION</text> + <use id="COMPRESSION_WIDGET" xlink:href="#compression-pressor" transform="translate(0 -1)" href="#compression-pressor"/> + <use xlink:href="#guide-compression-pressor" transform="translate(-13 -11)" href="#guide-compression-pressor"/> + </g> + + <g transform="translate(10 141)"> + <g transform="translate(13 0)"> + + + + + + <text font-size="8pt" letter-spacing="2px" transform="translate(6 38.5) rotate(270)">ATTACK</text> + <g transform="translate(19 0)"><svg id="ATTACK_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <use xlink:href="#dial-attack-pressor" transform="translate(21.5 -9.5)" href="#dial-attack-pressor"/> + <g transform="translate(102 0)"> + + + <text font-size="8pt" letter-spacing="2px" transform="translate(6 42) rotate(270)">RELEASE</text> + <g transform="translate(19 0)"><svg id="RELEASE_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <use xlink:href="#dial-release-pressor" transform="translate(111.5 -9.5)" href="#dial-release-pressor"/> + </g> + + <g transform="translate(10 213)"> + <g transform="translate(-1 0)"> + + + + + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 38.5) rotate(270)">IN GAIN</text> + <g transform="translate(19 0)"><svg id="INPUT_GAIN_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <use xlink:href="#dial-inputgain-pressor" transform="translate(8.5 -9.5)" href="#dial-inputgain-pressor"/> + <g transform="translate(60 0)"> + + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 44.5) rotate(270)">OUT GAIN</text> + <g transform="translate(19 0)"><svg id="OUTPUT_GAIN_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <use xlink:href="#dial-outputgain-pressor" transform="translate(69.5 -9.5)" href="#dial-outputgain-pressor"/> + <g transform="translate(121 0)"> + + + <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">IN/SIDE</text> + <g transform="translate(19 0)"><svg id="DETECTOR_MIX_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <use xlink:href="#dial-detectormix-pressor" transform="translate(130.5 -9.5)" href="#dial-detectormix-pressor"/> + </g> + + <g transform="translate(199 128)"> + <g transform="translate(0 0)"> + + <text font-size="5pt" letter-spacing="1.5px" transform="translate(-8 25.5) rotate(270)">MODE</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-5 -1)">COMP</text> + <g transform="translate(0 2)"><svg id="MODE_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">GATE</text> + </g> + <g transform="translate(0 49)"> + + <text font-size="5pt" letter-spacing="1.5px" transform="translate(-8 30) rotate(270)">DETECT</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-2 -1)">RMS</text> + <g transform="translate(0 2)"><svg id="DECTECTOR_MODE_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">PEAK</text> + </g> + <g transform="translate(0 98)"> + + <text font-size="5pt" letter-spacing="2px" transform="translate(-8 25.5) rotate(270)">KNEE</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4 -1)">SOFT</text> + <g transform="translate(0 2)"><svg id="KNEE_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text> + </g> + </g> + + <g class="io-group" transform="translate(0 269)"> + <rect class="output-background" width="205" height="91" rx="5" transform="translate(10 0)"/> + <rect class="input-background" width="137" height="91" rx="5" transform="translate(10 0)"/> + <rect class="input-background" width="171" height="47" rx="5" transform="translate(10 44)"/> + <rect class="input-background-filler" width="10" height="10" transform="translate(137 0)"/> + <rect class="input-background-filler" width="10" height="10" transform="translate(171 81)"/> + + <g transform="translate(10 0)"> + <g transform="translate(3 0)"> + <g transform="translate(3 5)"><svg id="LEFT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text> + </g> + <g transform="translate(37 0)"> + <g transform="translate(3 5)"><svg id="SIDECHAIN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(3 40)">SIDE</text> + </g> + <g transform="translate(71 0)"> + <g transform="translate(3 5)"><svg id="THRESHOLD_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(1.5 40)">TRSH</text> + </g> + <g transform="translate(105 0)"> + <g transform="translate(3 5)"><svg id="RATIO_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">RATIO</text> + </g> + <g transform="translate(139 0)"> + <g transform="translate(3 5)"><svg id="ENVELOPE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ENV</text> + </g> + <g transform="translate(173 0)"> + <g transform="translate(3 5)"><svg id="LEFT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text> + </g> + </g> + + <g transform="translate(10 44)"> + <g transform="translate(3 0)"> + <g transform="translate(3 5)"><svg id="RIGHT_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(13 40)">R</text> + </g> + <g transform="translate(37 0)"> + <g transform="translate(3 5)"><svg id="ATTACK_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ATT</text> + </g> + <g transform="translate(71 0)"> + <g transform="translate(3 5)"><svg id="RELEASE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5.4 40)">REL</text> + </g> + <g transform="translate(105 0)"> + <g transform="translate(3 5)"><svg id="INPUT_GAIN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">IGN</text> + </g> + <g transform="translate(139 0)"> + <g transform="translate(3 5)"><svg id="OUTPUT_GAIN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">OGN</text> + </g> + <g transform="translate(173 0)"> + <g transform="translate(3 5)"><svg id="RIGHT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(12 40)">R</text> + </g> + </g> + </g> +</svg> diff --git a/res-pp/Pressor-pp.svg b/res-pp/Pressor-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -71,15 +69,15 @@ text.input-label, text.output-label { <symbol id="dial-threshold-pressor" viewBox="0 0 70px 70px"> <g transform="translate(35 35)"> <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-210) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-150) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-90) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-30) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(30) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text> <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> </g> @@ -88,11 +86,11 @@ text.input-label, text.output-label { <symbol id="dial-attack-pressor" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-172.92) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-5.7 2.2)">50</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75.68) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.68) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">250</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(19.81) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.81) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">500</text> <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4.4 2.2)">MS</text> </g> @@ -101,11 +99,11 @@ text.input-label, text.output-label { <symbol id="dial-release-pressor" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-172.92) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-7.5 2.2)">0.2</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75.68) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.68) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">1</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(19.81) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.81) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">2</text> <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-2 2.2)">S</text> </g> @@ -114,15 +112,15 @@ text.input-label, text.output-label { <symbol id="dial-detectormix-pressor" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-4.2 2.2)">IN</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2.1 2.5)">SD</text> </g> </symbol> @@ -130,13 +128,13 @@ text.input-label, text.output-label { <symbol id="dial-inputgain-pressor" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-8 2.2)">-12</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-202.5) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-4.5 2.2)">-6</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-127.5) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-90) translate(17 0) rotate(90) translate(-1.9 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-52.5) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-2 2.2)">6</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(22.5) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">12</text> <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text> </g> @@ -145,13 +143,13 @@ text.input-label, text.output-label { <symbol id="dial-outputgain-pressor" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-202.5) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-2 2.2)">6</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-127.5) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-90) translate(17 0) rotate(90) translate(-4 2)">12</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-52.5) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-3.5 2.2)">18</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(22.5) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">24</text> <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text> </g> diff --git a/res-pp/Pulse-dark-pp.svg b/res-pp/Pulse-dark-pp.svg @@ -0,0 +1,272 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-frequency-pulse" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-206.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-173.33) translate(15 0)"/> + + <g transform="rotate(-140) translate(14 0)"> + <polyline points="0,0 2.5,0" stroke-width="1.0" transform="translate(0 0)"/> + <text font-size="5.0pt" transform="translate(5 0) rotate(140) translate(-5.5 0)">OV</text> + </g> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-106.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-73.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-6.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(26.67) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(60) translate(15 0)"/> + </g> + </symbol> + + <symbol id="dial-pw-pulse" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> + </g> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">PULSE</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + + + <g transform="translate(0 25)"> + + <g transform="translate(9.5 2)"><svg id="FREQUENCY_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-frequency-pulse" transform="translate(0 -7.5)" href="#dial-frequency-pulse"/> + </g> + + <g transform="translate(0 63)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text> + <g transform="translate(31 -1)"><svg id="SLOW_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 89)"> + + <text font-size="6pt" letter-spacing="2px" transform="translate(15.5 -1)">PW</text> + <g transform="translate(9.5 9.5)"><svg id="PW_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-pw-pulse" transform="translate(0 0)" href="#dial-pw-pulse"/> + </g> + + <g transform="translate(0 145)"> + + <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 0)">PWM</text> + <g transform="translate(14.5 9.5)"><svg id="PWM_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -2.5)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(0 182)"> + + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="105" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 98)"/> + <g transform="translate(5 3)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text> + <g transform="translate(5 38)"><svg id="PWM_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(7 70)">PWM</text> + <g transform="translate(5 73)"><svg id="SYNC_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5 105)">SYNC</text> + </g> + <g class="io-group" transform="translate(5.5 111)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/Pulse-pp.svg b/res-pp/Pulse-pp.svg @@ -36,40 +36,38 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-frequency-pulse" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-206.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-173.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-206.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-173.33) translate(15 0)"/> <g transform="rotate(-140) translate(14 0)"> <polyline points="0,0 2.5,0" stroke-width="1.0" transform="translate(0 0)"/> <text font-size="5.0pt" transform="translate(5 0) rotate(140) translate(-5.5 0)">OV</text> </g> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-106.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-73.33) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-40) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-6.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(26.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-106.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-73.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-6.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(26.67) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(60) translate(15 0)"/> </g> </symbol> @@ -80,31 +78,31 @@ text.input-label, text.output-label { <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> @@ -126,7 +124,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">PULSE</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -179,13 +177,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -2.5)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> diff --git a/res-pp/Reftone-dark-pp.svg b/res-pp/Reftone-dark-pp.svg @@ -0,0 +1,277 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-pitch-reftone" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(240) translate(-2.2 2.2)">C</text> + </g> + <g transform="rotate(-212.73) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-185.45) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(185.45) translate(-2.2 2.2)">D</text> + </g> + <g transform="rotate(-158.18) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-130.91) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(130.91) translate(-2.2 2.2)">E</text> + </g> + <g transform="rotate(-103.64) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(103.64) translate(-2.2 2.2)">F</text> + </g> + <g transform="rotate(-76.36) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-49.09) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(49.09) translate(-2.2 2.2)">G</text> + </g> + <g transform="rotate(-21.82) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(5.45) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(-5.45) translate(-2.2 2.2)">A</text> + </g> + <g transform="rotate(32.73) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(-60) translate(-2.2 2.2)">B</text> + </g> + </g> + </symbol> + + <symbol id="dial-octave-reftone" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(240) translate(-2.2 2.2)">1</text> + </g> + <g transform="rotate(-197.14) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(197.14) translate(-2.2 2.2)">2</text> + </g> + <g transform="rotate(-154.29) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(154.29) translate(-2.2 2.2)">3</text> + </g> + <g transform="rotate(-111.43) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(111.43) translate(-2.2 2.2)">4</text> + </g> + <g transform="rotate(-68.57) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(68.57) translate(-2.2 2.2)">5</text> + </g> + <g transform="rotate(-25.71) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(25.71) translate(-2.2 2.2)">6</text> + </g> + <g transform="rotate(17.14) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(-17.14) translate(-2.2 2.2)">7</text> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(-60) translate(-2.2 2.2)">8</text> + </g> + </g> + </symbol> + + <symbol id="dial-fine-reftone" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + + <text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-1.5 2.2)">-</text> + </g> + <g transform="rotate(-90) translate(15 0)"> + + <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-1.9 2.2)">0</text> + </g> + <g transform="rotate(60) translate(15 0)"> + + <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-1.9 2.2)">+</text> + </g> + <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">REFTONE</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 18)"> + <g transform="translate(3.5 0)"><svg id="DISPLAY_WIDGET"> + <rect cx="0" cy="0" width="38" height="48" fill="#444"/> + </svg></g> + + <g transform="translate(0 62)"> + <g transform="translate(0 0)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7 0)">PITCH</text> + <g transform="translate(9.5 9.5)"><svg id="PITCH_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 54)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 0)">OCTAVE</text> + <g transform="translate(9.5 9.5)"><svg id="OCTAVE_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 108)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">FINE</text> + <g transform="translate(9.5 9.5)"><svg id="FINE_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + </g> + </g> + + <use xlink:href="#dial-pitch-reftone" transform="translate(0 80)" href="#dial-pitch-reftone"/> + <use xlink:href="#dial-octave-reftone" transform="translate(0 134)" href="#dial-octave-reftone"/> + <use xlink:href="#dial-fine-reftone" transform="translate(0 188)" href="#dial-fine-reftone"/> + + <g transform="translate(0 235)"> + <g class="io-group" transform="translate(0 0)"> + <rect class="output-background" width="34" height="75" rx="5" transform="translate(5.5 0)"/> + <g transform="translate(5.5 1)"> + <g transform="translate(5 3)"><svg id="CV_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> + </g> + <g transform="translate(5.5 39)"> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">SINE</text> + </g> + </g> + </g> +</svg> diff --git a/res-pp/Reftone-pp.svg b/res-pp/Reftone-pp.svg @@ -36,41 +36,35 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> - <symbol id="display-reftone" viewBox="0 0 45px 34px"> - <rect width="38" height="48" fill="#222" transform="translate(3.5 0)"/> - </symbol> - <symbol id="dial-pitch-reftone" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(240) translate(-2.2 2.2)">C</text> </g> <g transform="rotate(-212.73) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-185.45) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(185.45) translate(-2.2 2.2)">D</text> </g> <g transform="rotate(-158.18) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-130.91) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(130.91) translate(-2.2 2.2)">E</text> @@ -79,19 +73,19 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(2 0) rotate(103.64) translate(-2.2 2.2)">F</text> </g> <g transform="rotate(-76.36) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-49.09) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(49.09) translate(-2.2 2.2)">G</text> </g> <g transform="rotate(-21.82) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(5.45) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(-5.45) translate(-2.2 2.2)">A</text> </g> <g transform="rotate(32.73) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(-60) translate(-2.2 2.2)">B</text> @@ -142,10 +136,10 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-1.9 2.2)">+</text> </g> - <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </symbol> </defs> @@ -163,13 +157,15 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">REFTONE</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> <g transform="translate(0 18)"> - <use id="DISPLAY_WIDGET" xlink:href="#display-reftone" href="#display-reftone"/> + <g transform="translate(3.5 0)"><svg id="DISPLAY_WIDGET"> + <rect cx="0" cy="0" width="38" height="48" fill="#444"/> + </svg></g> <g transform="translate(0 62)"> <g transform="translate(0 0)"> diff --git a/res-pp/SampleHold-dark-pp.svg b/res-pp/SampleHold-dark-pp.svg @@ -0,0 +1,250 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">S&amp;H</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 18)"> + + + <g transform="translate(0 5)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 58)"/> + <rect class="input-background" width="34" height="62" rx="5"/> + <g transform="translate(8 4)"><svg id="TRIGGER1_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 26)"><svg id="TRIGGER1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 58)">GATE</text> + </g> + </g> + + <g transform="translate(0 65)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 51)"/> + <rect class="input-background" width="34" height="58" rx="5"/> + <g transform="translate(5 3)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + + <g transform="translate(9.5 41)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(0 5.5)">TRK</text> + <g transform="translate(17 -1.3)"><svg id="TRACK1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(9.5 52)"> + <text font-size="5pt" letter-spacing="1.2px" transform="translate(1 5.5)">INV</text> + <g transform="translate(17 -1.3)"><svg id="INVERT1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(5.5 64)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> + </g> + + + <g transform="translate(0 181)"> + + <g transform="translate(0 5)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 58)"/> + <rect class="input-background" width="34" height="62" rx="5"/> + <g transform="translate(8 4)"><svg id="TRIGGER2_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 26)"><svg id="TRIGGER2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 58)">GATE</text> + </g> + </g> + + <g transform="translate(0 65)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 51)"/> + <rect class="input-background" width="34" height="58" rx="5"/> + <g transform="translate(5 3)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + + <g transform="translate(9.5 41)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(0 5.5)">TRK</text> + <g transform="translate(17 -1.3)"><svg id="TRACK2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(9.5 52)"> + <text font-size="5pt" letter-spacing="1.2px" transform="translate(1 5.5)">INV</text> + <g transform="translate(17 -1.3)"><svg id="INVERT2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(5.5 64)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> + </g> + +</svg> diff --git a/res-pp/SampleHold-pp.svg b/res-pp/SampleHold-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">S&amp;H</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/Shaper-dark-pp.svg b/res-pp/Shaper-dark-pp.svg @@ -0,0 +1,567 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="150.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">SHAPER</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> + </g> + + + <g transform="translate(9 33)"> + <g transform="translate(0 0)"> + <g transform="translate(0 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 43.5) rotate(270)">ATTACK</text> + <g transform="translate(20 0)"><svg id="ATTACK_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 47)"><svg id="ATTACK_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g class="io-group" transform="translate(74 4)"> + <rect class="input-background" width="58" height="40" rx="5"/> + <g transform="translate(6 6) scale(0.18)"><svg id="TRIGGER_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(31 3)"><svg id="TRIGGER_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text> + </g> + </g> + + <g transform="translate(0 56)"> + <g transform="translate(0 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 28) rotate(270)">ON</text> + <g transform="translate(20 0)"><svg id="ON_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 32)"><svg id="ON_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(110 5)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">SPEED</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(2 -1)">1X</text> + <g transform="translate(0 2)"><svg id="SPEED_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1 34)">10X</text> + </g> + </g> + + <g transform="translate(0 112)"> + <g transform="translate(0 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 40.5) rotate(270)">DECAY</text> + <g transform="translate(20 0)"><svg id="DECAY_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 44)"><svg id="DECAY_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(110 5)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">CYCLE</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text> + <g transform="translate(0 2)"><svg id="LOOP_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text> + </g> + </g> + + <g transform="translate(0 168)"> + <g transform="translate(0 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 32.5) rotate(270)">OFF</text> + <g transform="translate(20 0)"><svg id="OFF_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 36)"><svg id="OFF_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g class="io-group" transform="translate(102 4)"> + <rect class="output-background" width="30" height="40" rx="5"/> + <g transform="translate(3 3)"><svg id="TRIGGER_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text> + </g> + </g> + + <g transform="translate(0 224)"> + <g transform="translate(75 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(48 7.1) rotate(90)">ENV</text> + <g transform="translate(-1.7 0)"><svg id="ENV_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(0 4)"> + <rect class="output-background" width="58" height="40" rx="5"/> + <g transform="translate(2.5 3)"><svg id="ENV_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> + <g transform="translate(31.5 3)"><svg id="INV_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(35 36)">INV</text> + </g> + </g> + + <g transform="translate(0 280)"> + <g transform="translate(75 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(48 -2.5) rotate(90)">SIGNAL</text> + <g transform="translate(-1.7 0)"><svg id="SIGNAL_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(0 4)"> + <rect class="input-background" width="58" height="40" rx="5"/> + <rect class="output-background" width="20" height="40" rx="5" transform="translate(38)"/> + <rect class="output-background-filler" width="20" height="40" transform="translate(29)"/> + <g transform="translate(2.5 3)"><svg id="SIGNAL_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> + <g transform="translate(31.5 3)"><svg id="SIGNAL_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> + </g> + </g> + </g> + + <g transform="scale(0.75) translate(14 19)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(14 94)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(14 169)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(14 243)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(85 318)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-210) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(30 0)"> + <polyline points="0,0 5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(85 392.5)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-210) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(30 0)"> + <polyline points="0,0 5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> +</svg> diff --git a/res-pp/Shaper-pp.svg b/res-pp/Shaper-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -196,14 +194,14 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> <g transform="translate(31.5 3)"><svg id="INV_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(35 36)">INV</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(35 36)">INV</text> </g> </g> @@ -228,14 +226,14 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> <g transform="translate(31.5 3)"><svg id="SIGNAL_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> </g> </g> </g> @@ -248,7 +246,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -261,10 +259,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -272,16 +270,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -298,7 +296,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -311,10 +309,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -322,16 +320,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -348,7 +346,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -361,10 +359,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -372,16 +370,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -398,7 +396,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -411,10 +409,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -422,16 +420,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -448,31 +446,31 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-210) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(30 0)"> - <polyline points="0,0 5,0" stroke-width="0.5"/> + <polyline points="0,0 5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -489,31 +487,31 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-210) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(30 0)"> - <polyline points="0,0 5,0" stroke-width="0.5"/> + <polyline points="0,0 5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> diff --git a/res-pp/ShaperPlus-dark-pp.svg b/res-pp/ShaperPlus-dark-pp.svg @@ -0,0 +1,636 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="225.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">SHAPER+</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/> + </g> + + + <g class="io-group" transform="translate(149 26)"> + <rect class="input-background" width="30" height="322" rx="5"/> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text> + </g> + <g class="io-group" transform="translate(186 26)"> + <rect class="output-background" width="30" height="211" rx="5"/> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text> + </g> + + <g transform="translate(9 33)"> + <g transform="translate(0 0)"> + <g transform="translate(0 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 43.5) rotate(270)">ATTACK</text> + <g transform="translate(20 0)"><svg id="ATTACK_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 47)"><svg id="ATTACK_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g class="io-group" transform="translate(74 4)"> + <rect class="input-background" width="58" height="40" rx="5"/> + <g transform="translate(6 6)"><svg id="TRIGGER_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(31 3)"><svg id="TRIGGER_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text> + </g> + <g transform="translate(143 7)"><svg id="ATTACK_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(180 7)"><svg id="ATTACK_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 56)"> + <g transform="translate(0 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 28) rotate(270)">ON</text> + <g transform="translate(20 0)"><svg id="ON_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 32)"><svg id="ON_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(110 5)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">SPEED</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(2 -1)">1X</text> + <g transform="translate(0 2)"><svg id="SPEED_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1 34)">10X</text> + </g> + <g transform="translate(143 7)"><svg id="ON_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(180 7)"><svg id="ON_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 112)"> + <g transform="translate(0 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 40.5) rotate(270)">DECAY</text> + <g transform="translate(20 0)"><svg id="DECAY_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 44)"><svg id="DECAY_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(110 5)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">CYCLE</text> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text> + <g transform="translate(0 2)"><svg id="LOOP_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text> + </g> + <g transform="translate(143 7)"><svg id="DECAY_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(180 7)"><svg id="DECAY_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 168)"> + <g transform="translate(0 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(8 32.5) rotate(270)">OFF</text> + <g transform="translate(20 0)"><svg id="OFF_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 36)"><svg id="OFF_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(143 7)"><svg id="OFF_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(180 7)"><svg id="OFF_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 224)"> + <g transform="translate(75 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(48 7.1) rotate(90)">ENV</text> + <g transform="translate(-1.7 0)"><svg id="ENV_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(0 4)"> + <rect class="output-background" width="58" height="40" rx="5"/> + <g transform="translate(2.5 3)"><svg id="ENV_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> + <g transform="translate(31.5 3)"><svg id="INV_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(35 36)">INV</text> + </g> + <g transform="translate(143 7)"><svg id="ENV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g class="io-group" transform="translate(177 4)"> + <rect class="output-background" width="30" height="40" rx="5"/> + <g transform="translate(3 3)"><svg id="TRIGGER_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text> + </g> + </g> + + <g transform="translate(0 280)"> + <g transform="translate(75 0)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(48 -2.5) rotate(90)">SIGNAL</text> + <g transform="translate(-1.7 0)"><svg id="SIGNAL_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(0 4)"> + <rect class="input-background" width="58" height="40" rx="5"/> + <rect class="output-background" width="20" height="40" rx="5" transform="translate(38)"/> + <rect class="output-background-filler" width="20" height="40" transform="translate(29)"/> + <g transform="translate(2.5 3)"><svg id="SIGNAL_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> + <g transform="translate(31.5 3)"><svg id="SIGNAL_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> + </g> + <g transform="translate(143 7)"><svg id="SIGNALCV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + </g> + + <g transform="scale(0.75) translate(14 19)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(14 94)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(14 169)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(14 243)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-145.13) translate(30 0)"> + <g transform="translate(2 0) rotate(145.13)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">1</text> + </g> + </g> + <g transform="rotate(-105.84) translate(30 0)"> + <g transform="translate(2 0) rotate(105.84)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">2</text> + </g> + </g> + <g transform="rotate(-75.68) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-27.87) translate(30 0)"> + <g transform="translate(2 0) rotate(27.87)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">5</text> + </g> + </g> + <g transform="rotate(-7.62) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(85 318)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-210) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(30 0)"> + <polyline points="0,0 5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> + <g transform="scale(0.75) translate(85 392.5)"> + <g transform="translate(50.5 50.5)"> + <g transform="rotate(-240) translate(30 0)"> + <g transform="translate(2 0) rotate(240)"> + <text font-size="7pt" transform="translate(-2.8 3.3)">0</text> + </g> + </g> + <g transform="rotate(-210) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(30 0)"> + <polyline points="0,0 5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(30 0)"> + <g transform="translate(2 0) rotate(-60)"> + <text font-size="7pt" transform="translate(-5.3 3.3)">10</text> + </g> + </g> + </g> + </g> +</svg> diff --git a/res-pp/ShaperPlus-pp.svg b/res-pp/ShaperPlus-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -71,11 +69,11 @@ text.input-label, text.output-label { <g class="io-group" transform="translate(149 26)"> <rect class="input-background" width="30" height="322" rx="5"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text> </g> <g class="io-group" transform="translate(186 26)"> <rect class="output-background" width="30" height="211" rx="5"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text> </g> <g transform="translate(9 33)"> @@ -243,14 +241,14 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> <g transform="translate(31.5 3)"><svg id="INV_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(35 36)">INV</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(35 36)">INV</text> </g> <g transform="translate(143 7)"><svg id="ENV_INPUT"> <g transform="translate(12 12)"> @@ -291,14 +289,14 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> <g transform="translate(31.5 3)"><svg id="SIGNAL_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> </g> <g transform="translate(143 7)"><svg id="SIGNALCV_INPUT"> <g transform="translate(12 12)"> @@ -317,7 +315,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -330,10 +328,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -341,16 +339,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -367,7 +365,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -380,10 +378,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -391,16 +389,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -417,7 +415,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -430,10 +428,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -441,16 +439,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -467,7 +465,7 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -480,10 +478,10 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -491,16 +489,16 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -517,31 +515,31 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-210) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(30 0)"> - <polyline points="0,0 5,0" stroke-width="0.5"/> + <polyline points="0,0 5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -558,31 +556,31 @@ text.input-label, text.output-label { </g> </g> <g transform="rotate(-210) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(30 0)"> - <polyline points="0,0 5,0" stroke-width="0.5"/> + <polyline points="0,0 5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> diff --git a/res-pp/Sine-dark-pp.svg b/res-pp/Sine-dark-pp.svg @@ -0,0 +1,249 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-frequency-sine" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-206.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-173.33) translate(15 0)"/> + + <g transform="rotate(-140) translate(14 0)"> + <polyline points="0,0 2.5,0" stroke-width="1.0" transform="translate(0 0)"/> + <text font-size="5.0pt" transform="translate(5 0) rotate(140) translate(-5.5 0)">OV</text> + </g> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-106.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-73.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-6.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(26.67) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(60) translate(15 0)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">SINE</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + + + <g transform="translate(0 25)"> + + <g transform="translate(9.5 2)"><svg id="FREQUENCY_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-frequency-sine" transform="translate(0 -7.5)" href="#dial-frequency-sine"/> + </g> + + <g transform="translate(0 63)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text> + <g transform="translate(31 -1)"><svg id="SLOW_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 83)"> + + <text font-size="6pt" letter-spacing="2px" transform="translate(16 0)">FM</text> + <g transform="translate(14.5 9.5)"><svg id="FM_DEPTH_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -2.5)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(0 125)"> + + <text font-size="6pt" letter-spacing="2px" transform="translate(6 0)">PHASE</text> + <g transform="translate(14.5 9.5)"><svg id="PHASE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.2 -2.5)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(0 158)"> + + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 133)"/> + <rect class="input-background" width="34" height="140" rx="5"/> + <g transform="translate(5 3)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text> + <g transform="translate(5 38)"><svg id="FM_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 70)">FM</text> + <g transform="translate(5 73)"><svg id="PHASE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(2.5 105)">PHASE</text> + <g transform="translate(5 108)"><svg id="SYNC_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5 140)">SYNC</text> + </g> + <g class="io-group" transform="translate(5.5 146)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/Sine-pp.svg b/res-pp/Sine-pp.svg @@ -36,40 +36,38 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-frequency-sine" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-206.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-173.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-206.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-173.33) translate(15 0)"/> <g transform="rotate(-140) translate(14 0)"> <polyline points="0,0 2.5,0" stroke-width="1.0" transform="translate(0 0)"/> <text font-size="5.0pt" transform="translate(5 0) rotate(140) translate(-5.5 0)">OV</text> </g> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-106.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-73.33) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-40) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-6.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(26.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-106.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-73.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-6.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(26.67) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(60) translate(15 0)"/> </g> </symbol> @@ -88,7 +86,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">SINE</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -128,13 +126,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -2.5)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -151,13 +147,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.2 -2.5)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> diff --git a/res-pp/SixHP-dark-pp.svg b/res-pp/SixHP-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="90.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">6HP6HP</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + +</svg> diff --git a/res-pp/SixHP-pp.svg b/res-pp/SixHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">6HP6HP</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">6HP6HP</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> </svg> diff --git a/res-pp/SixteenHP-dark-pp.svg b/res-pp/SixteenHP-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="240" height="380" viewBox="0 0 240 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="240.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 239.0,1 239.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 239.5,0.5 239.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 240.0,0 240.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(120.0 19)">16HP-16HP</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(120.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(104.5 -5)"/> + </g> + +</svg> diff --git a/res-pp/SixteenHP-pp.svg b/res-pp/SixteenHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/Slew-dark-pp.svg b/res-pp/Slew-dark-pp.svg @@ -0,0 +1,246 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-time-slew" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-2.5 2.2)">1</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.68) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2 2.2)">5</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.81) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">10</text> + </g> + </symbol> + + <symbol id="dial-rise-shape-slew" viewBox="0 0 45px 45px"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-15) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(10 0)"/> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-165) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(10 0)"/> + + <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke-width="1" stroke="#ddd" fill="none" transform="rotate(60) translate(13 0) rotate(-60) translate(2 0) rotate(-45) translate(0 0)"/> + <polyline points="-3.5,0 3.5,0" stroke-width="1" fill="none" transform="rotate(-90) translate(13 0) rotate(90) rotate(-45) translate(0 0)"/> + <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke-width="1" stroke="#ddd" fill="none" transform="rotate(-240) translate(13 0) rotate(240) translate(-2 0) rotate(135) translate(0 0)"/> + </g> + </symbol> + + <symbol id="dial-fall-shape-slew" viewBox="0 0 45px 45px"> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-15) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(10 0)"/> + + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-165) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(10 0)"/> + + <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke-width="1" stroke="#ddd" fill="none" transform="rotate(60) translate(13 0) rotate(-60) translate(2 0) rotate(-135) translate(0 0)"/> + <polyline points="-3.5,0 3.5,0" stroke-width="1" fill="none" transform="rotate(-90) translate(13 0) rotate(90) rotate(45) translate(0 0)"/> + <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke-width="1" stroke="#ddd" fill="none" transform="rotate(-240) translate(13 0) rotate(240) translate(-2 0) rotate(45) translate(0 0)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">SLEW</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(11 0)">RISE</text> + <g transform="translate(9.5 9)"><svg id="RISE_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-time-slew" transform="translate(0 -1)" href="#dial-time-slew"/> + <g transform="translate(14.5 51)"><svg id="RISE_SHAPE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-rise-shape-slew" transform="translate(2.5 39)" href="#dial-rise-shape-slew"/> + <g class="io-group" transform="translate(7.5 77)"> + <rect class="input-background" width="30" height="30" rx="5"/> + <g transform="translate(3 3)"><svg id="RISE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + + </g> + </g> + + <g transform="translate(0 146)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(11 0)">FALL</text> + <g transform="translate(9.5 9)"><svg id="FALL_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-time-slew" transform="translate(0 -1)" href="#dial-time-slew"/> + <g transform="translate(14.5 51)"><svg id="FALL_SHAPE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-fall-shape-slew" transform="translate(2.5 39)" href="#dial-fall-shape-slew"/> + <g class="io-group" transform="translate(7.5 77)"> + <rect class="input-background" width="30" height="30" rx="5"/> + <g transform="translate(3 3)"><svg id="FALL_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + + </g> + </g> + + <g transform="translate(0 260)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/Slew-pp.svg b/res-pp/Slew-pp.svg @@ -36,45 +36,43 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-time-slew" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-172.92) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-2.5 2.2)">1</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75.68) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.68) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2 2.2)">5</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(19.81) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.81) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">10</text> </g> </symbol> <symbol id="dial-rise-shape-slew" viewBox="0 0 45px 45px"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-52.5) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-15) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(22.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-15) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-127.5) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-165) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-202.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-165) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(10 0)"/> <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke-width="1" stroke="#333" fill="none" transform="rotate(60) translate(13 0) rotate(-60) translate(2 0) rotate(-45) translate(0 0)"/> <polyline points="-3.5,0 3.5,0" stroke-width="1" fill="none" transform="rotate(-90) translate(13 0) rotate(90) rotate(-45) translate(0 0)"/> @@ -84,13 +82,13 @@ text.input-label, text.output-label { <symbol id="dial-fall-shape-slew" viewBox="0 0 45px 45px"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-52.5) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-15) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(22.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-15) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-127.5) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-165) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-202.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-165) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(10 0)"/> <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke-width="1" stroke="#333" fill="none" transform="rotate(60) translate(13 0) rotate(-60) translate(2 0) rotate(-135) translate(0 0)"/> <polyline points="-3.5,0 3.5,0" stroke-width="1" fill="none" transform="rotate(-90) translate(13 0) rotate(90) rotate(45) translate(0 0)"/> @@ -112,7 +110,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">SLEW</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/Stack-dark-pp.svg b/res-pp/Stack-dark-pp.svg @@ -0,0 +1,292 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-octave-stack" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-180) translate(10 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(180) translate(-4 2.2)">-3</text> + </g> + <g transform="rotate(-150) translate(11 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(11 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(10 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2.2 2.2)">0</text> + </g> + <g transform="rotate(-60) translate(11 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(11 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(10 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(0) translate(-2.2 2.2)">3</text> + </g> + </g> + </symbol> + + <symbol id="dial-interval-stack" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-2.2 2.2)">0</text> + </g> + <g transform="rotate(-212.73) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-185.45) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-158.18) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-130.91) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2.5 0) rotate(130.91) translate(-2.2 2.2)">4</text> + </g> + <g transform="rotate(-103.64) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-76.36) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-49.09) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2.5 0) rotate(49.09) translate(-2.2 2.2)">7</text> + </g> + <g transform="rotate(-21.82) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(5.45) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(32.73) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-4 2.2)">11</text> + </g> + </g> + </symbol> + + <symbol id="dial-fine-stack" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(10 0)"> + + <text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-1.5 2.2)">-</text> + </g> + <g transform="rotate(-90) translate(10 0)"> + + <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-1.9 2.2)">0</text> + </g> + <g transform="rotate(60) translate(10 0)"> + + <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-1.9 2.2)">+</text> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">STACK</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(6.4 0)">SEMIS</text> + <g transform="translate(9.5 7.5)"><svg id="SEMIS_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-interval-stack" transform="translate(0 -2)" href="#dial-interval-stack"/> + </g> + + <g transform="translate(0 77)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(2.2 0)">OCTAVE</text> + <g transform="translate(14.5 9.5)"><svg id="OCTAVE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-octave-stack" transform="translate(0 -5)" href="#dial-octave-stack"/> + </g> + + <g transform="translate(0 117)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">FINE</text> + <g transform="translate(14.5 9.5)"><svg id="FINE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-fine-stack" transform="translate(0 -5)" href="#dial-fine-stack"/> + </g> + + <g class="io-group" transform="translate(5.5 154)"> + <rect class="input-background" width="34" height="50" rx="5"/> + <g transform="translate(5 3)"><svg id="CV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + <g transform="translate(1.5 39)"> + <text class="input-label" font-size="5pt" letter-spacing="0.75px" transform="translate(0 6)">QNTZ</text> + <g transform="translate(22 -1)"><svg id="QUANTIZE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + </g> + + <g transform="translate(0 212)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> + </g> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="72" rx="5"/> + <g transform="translate(5 0)"><svg id="THRU_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 32)">THRU</text> + <g transform="translate(5 36)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 68)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/Stack-pp.svg b/res-pp/Stack-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -60,19 +58,19 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(2 0) rotate(180) translate(-4 2.2)">-3</text> </g> <g transform="rotate(-150) translate(11 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(11 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(10 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-60) translate(11 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(11 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(10 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(0) translate(-2.2 2.2)">3</text> @@ -86,34 +84,34 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-212.73) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-185.45) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-158.18) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-130.91) translate(15 0)"> <text font-size="5.0pt" transform="translate(2.5 0) rotate(130.91) translate(-2.2 2.2)">4</text> </g> <g transform="rotate(-103.64) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-76.36) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-49.09) translate(15 0)"> <text font-size="5.0pt" transform="translate(2.5 0) rotate(49.09) translate(-2.2 2.2)">7</text> </g> <g transform="rotate(-21.82) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(5.45) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(32.73) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-4 2.2)">11</text> @@ -135,10 +133,10 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-1.9 2.2)">+</text> </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </symbol> </defs> @@ -156,7 +154,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">STACK</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -207,7 +205,7 @@ text.input-label, text.output-label { </svg></g> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> <g transform="translate(1.5 39)"> - <text font-size="5pt" letter-spacing="0.75px" transform="translate(0 6)">QNTZ</text> + <text class="input-label" font-size="5pt" letter-spacing="0.75px" transform="translate(0 6)">QNTZ</text> <g transform="translate(22 -1)"><svg id="QUANTIZE_PARAM"> <g transform="translate(4.5 4.5)"> <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> diff --git a/res-pp/Sums-dark-pp.svg b/res-pp/Sums-dark-pp.svg @@ -0,0 +1,188 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">SUMS</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g class="io-group" transform="translate(7.5 18)"> + <rect class="input-background" width="34" height="63.5" rx="5" transform="translate(-2 0)"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(-2 53.5)"/> + <g transform="translate(3 5)"><svg id="A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(3 35)"><svg id="B_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(7.5 82)"> + <rect class="output-background" width="34" height="163" rx="5" transform="translate(-2 0)"/> + <rect class="output-background-filler" width="34" height="10" transform="translate(-2 0)"/> + <g transform="translate(3 4)"><svg id="SUM_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.3 37)">SUM</text> + <g transform="translate(3 44)"><svg id="DIFFERENCE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(5 77)">DIFF</text> + <g transform="translate(3 84)"><svg id="MAX_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 117)">MAX</text> + <g transform="translate(3 124)"><svg id="MIN_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(6.5 157)">MIN</text> + </g> + + <g transform="translate(0 258)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 22)"/> + <rect class="input-background" width="34" height="32" rx="5"/> + <g transform="translate(5 4)"><svg id="NEGATE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(5.5 35)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="39" rx="5"/> + <g transform="translate(5 2)"><svg id="NEGATE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 34)">NEG</text> + </g> + </g> +</svg> diff --git a/res-pp/Sums-pp.svg b/res-pp/Sums-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">SUMS</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/Switch-dark-pp.svg b/res-pp/Switch-dark-pp.svg @@ -0,0 +1,222 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">SWTCH</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 18)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="62" rx="5"/> + <g transform="translate(8 4)"><svg id="GATE_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(5 26)"><svg id="GATE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 58)">GATE</text> + </g> + + <g transform="translate(4.5 67)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">LATCH</text> + <g transform="translate(27 -1)"><svg id="LATCH_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 79)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="74" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 64)"/> + <g transform="translate(5 3)"><svg id="HIGH1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(11.0 35)">HIGH</text> + <g transform="translate(2 29.3)"><svg id="HIGH1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(5.5 36)"> + <g transform="translate(5 3)"><svg id="LOW1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.0 35)">LOW</text> + <g transform="translate(2 29.3)"><svg id="LOW1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + <g class="io-group" transform="translate(5.5 77)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> + + <g transform="translate(0 196)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="74" rx="5"/> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 64)"/> + <g transform="translate(5 3)"><svg id="HIGH2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(11.0 35)">HIGH</text> + <g transform="translate(2 29.3)"><svg id="HIGH2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + <g transform="translate(5.5 36)"> + <g transform="translate(5 3)"><svg id="LOW2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(11.0 35)">LOW</text> + <g transform="translate(2 29.3)"><svg id="LOW2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + </g> + <g class="io-group" transform="translate(5.5 77)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> + </g> +</svg> diff --git a/res-pp/Switch-pp.svg b/res-pp/Switch-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">SWTCH</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/Switch1616-dark-pp.svg b/res-pp/Switch1616-dark-pp.svg @@ -0,0 +1,1793 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="330" height="380" viewBox="0 0 330 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="330.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 329.0,1 329.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 330.0,0 330.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(165.0 19)">SWITCH1616</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(165.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(149.5 -5)"/> + </g> + + + <rect class="input-background" width="56" height="302" rx="5" transform="translate(5.5 9)"/> + <rect class="output-background" width="302" height="56" rx="5" transform="translate(22.5 302)"/> + <rect class="input-background" width="28" height="10" rx="5" transform="translate(10.5 301)"/> + <rect class="input-background-filler" width="10" height="5" transform="translate(36.5 302)"/> + <rect class="output-background" width="28" height="10" rx="5" transform="translate(38.5 302)"/> + + <g class="io-group" transform="translate(5.5 9)"> + <g transform="translate(4 22)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 34)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 36.5)">2</text> + <g transform="translate(4 58)"><svg id="IN4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 70)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 72.5)">4</text> + <g transform="translate(4 94)"><svg id="IN6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 106)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 108.5)">6</text> + <g transform="translate(4 130)"><svg id="IN8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 142)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 144.5)">8</text> + <g transform="translate(4 166)"><svg id="IN10_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 178)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 180.5)">10</text> + <g transform="translate(4 202)"><svg id="IN12_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 214)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 216.5)">12</text> + <g transform="translate(4 238)"><svg id="IN14_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 250)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 252.5)">14</text> + <g transform="translate(4 274)"><svg id="IN16_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 286)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 288.5)">16</text> + + <g transform="translate(28 4)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 16)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 18.5)">1</text> + <g transform="translate(28 40)"><svg id="IN3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 52)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 54.5)">3</text> + <g transform="translate(28 76)"><svg id="IN5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 88)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 90.5)">5</text> + <g transform="translate(28 112)"><svg id="IN7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 124)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 126.5)">7</text> + <g transform="translate(28 148)"><svg id="IN9_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 160)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 162.5)">9</text> + <g transform="translate(28 184)"><svg id="IN11_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 196)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(11 198.5)">11</text> + <g transform="translate(28 220)"><svg id="IN13_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 232)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(11 234.5)">13</text> + <g transform="translate(28 256)"><svg id="IN15_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 268)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(11 270.5)">15</text> + + + + + + + + + + </g> + + <g class="io-group" transform="translate(22.5 302)"> + <g transform="translate(4 28)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(16 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(13.7 19)">A</text> + <g transform="translate(40 28)"><svg id="OUT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(52 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(49.7 19)">C</text> + <g transform="translate(76 28)"><svg id="OUT5_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(88 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(85.9 19)">E</text> + <g transform="translate(112 28)"><svg id="OUT7_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(124 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(121.7 19)">G</text> + <g transform="translate(148 28)"><svg id="OUT9_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(160 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(159 19)">I</text> + <g transform="translate(184 28)"><svg id="OUT11_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(196 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(193.8 19)">K</text> + <g transform="translate(220 28)"><svg id="OUT13_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(232 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(229.05 19)">M</text> + <g transform="translate(256 28)"><svg id="OUT15_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(268 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(265.7 19)">O</text> + + <g transform="translate(22 4)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(34 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(32 42)">B</text> + <g transform="translate(58 4)"><svg id="OUT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(70 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(68 42)">D</text> + <g transform="translate(94 4)"><svg id="OUT6_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(106 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(104 42)">F</text> + <g transform="translate(130 4)"><svg id="OUT8_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(142 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(139.65 42)">H</text> + <g transform="translate(166 4)"><svg id="OUT10_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(178 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(176 42)">J</text> + <g transform="translate(202 4)"><svg id="OUT12_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(214 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(212 42)">L</text> + <g transform="translate(238 4)"><svg id="OUT14_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(250 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(247.6 42)">N</text> + <g transform="translate(274 4)"><svg id="OUT16_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(286 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(283.8 42)">P</text> + </g> + + <g transform="translate(62 32)"> + + + + <g transform="translate(20 0) translate(7.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_1_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_1_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_1_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_1_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_1_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_1_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_1_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_1_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_1_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_1_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_1_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_1_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_1_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_1_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_1_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(7.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_1_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(22.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_2_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_2_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_2_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_2_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_2_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_2_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_2_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_2_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_2_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_2_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_2_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_2_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_2_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_2_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_2_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(22.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_2_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(37.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_3_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_3_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_3_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_3_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_3_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_3_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_3_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_3_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_3_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_3_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_3_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_3_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_3_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_3_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_3_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(37.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_3_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(52.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_4_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_4_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_4_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_4_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_4_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_4_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_4_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_4_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_4_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_4_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_4_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_4_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_4_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_4_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_4_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(52.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_4_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(67.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_5_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_5_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_5_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_5_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_5_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_5_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_5_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_5_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_5_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_5_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_5_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_5_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_5_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_5_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_5_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(67.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_5_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(82.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_6_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_6_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_6_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_6_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_6_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_6_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_6_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_6_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_6_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_6_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_6_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_6_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_6_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_6_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_6_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(82.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_6_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(97.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_7_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_7_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_7_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_7_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_7_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_7_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_7_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_7_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_7_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_7_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_7_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_7_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_7_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_7_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_7_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(97.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_7_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(112.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_8_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_8_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_8_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_8_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_8_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_8_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_8_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_8_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_8_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_8_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_8_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_8_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_8_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_8_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_8_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(112.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_8_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(127.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_9_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_9_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_9_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_9_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_9_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_9_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_9_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_9_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_9_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_9_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_9_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_9_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_9_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_9_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_9_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(127.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_9_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(142.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_10_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_10_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_10_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_10_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_10_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_10_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_10_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_10_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_10_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_10_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_10_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_10_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_10_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_10_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_10_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(142.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_10_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(157.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_11_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_11_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_11_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_11_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_11_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_11_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_11_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_11_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_11_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_11_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_11_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_11_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_11_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_11_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_11_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(157.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_11_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(172.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_12_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_12_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_12_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_12_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_12_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_12_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_12_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_12_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_12_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_12_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_12_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_12_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_12_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_12_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_12_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(172.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_12_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(187.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_13_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_13_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_13_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_13_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_13_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_13_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_13_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_13_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_13_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_13_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_13_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_13_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_13_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_13_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_13_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(187.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_13_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(202.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_14_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_14_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_14_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_14_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_14_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_14_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_14_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_14_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_14_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_14_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_14_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_14_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_14_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_14_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_14_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(202.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_14_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(217.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_15_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_15_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_15_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_15_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_15_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_15_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_15_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_15_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_15_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_15_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_15_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_15_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_15_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_15_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_15_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(217.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_15_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + <g transform="translate(20 0) translate(232.5 7.5) translate(-4.5 -4.5)"><svg id="MIX_16_1_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 22.5) translate(-4.5 -4.5)"><svg id="MIX_16_2_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 37.5) translate(-4.5 -4.5)"><svg id="MIX_16_3_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 52.5) translate(-4.5 -4.5)"><svg id="MIX_16_4_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 67.5) translate(-4.5 -4.5)"><svg id="MIX_16_5_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 82.5) translate(-4.5 -4.5)"><svg id="MIX_16_6_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 97.5) translate(-4.5 -4.5)"><svg id="MIX_16_7_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 112.5) translate(-4.5 -4.5)"><svg id="MIX_16_8_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 127.5) translate(-4.5 -4.5)"><svg id="MIX_16_9_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 142.5) translate(-4.5 -4.5)"><svg id="MIX_16_10_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 157.5) translate(-4.5 -4.5)"><svg id="MIX_16_11_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 172.5) translate(-4.5 -4.5)"><svg id="MIX_16_12_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 187.5) translate(-4.5 -4.5)"><svg id="MIX_16_13_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 202.5) translate(-4.5 -4.5)"><svg id="MIX_16_14_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 217.5) translate(-4.5 -4.5)"><svg id="MIX_16_15_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + <g transform="translate(20 0) translate(232.5 232.5) translate(-4.5 -4.5)"><svg id="MIX_16_16_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 10.5)">1</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 7.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 25.5)">2</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 22.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 40.5)">3</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 37.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 55.5)">4</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 52.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 70.5)">5</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 67.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 85.5)">6</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 82.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 100.5)">7</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 97.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 115.5)">8</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 112.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 130.5)">9</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 127.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(4 145.5)">10</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 142.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(4 160.5)">11</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 157.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(4 175.5)">12</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 172.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(4 190.5)">13</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 187.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(4 205.5)">14</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 202.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(4 220.5)">15</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 217.5)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(4 235.5)">16</text> + <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(16.5 232.5)"/> + + <text font-size="6pt" letter-spacing="1px" transform="translate(24.5 252)">A</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(27.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(39.9 252)">B</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(42.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(54.7 252)">C</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(57.7 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(69.8 252)">D</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(72.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(84.7 252)">E</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(87.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(99.8 252)">F</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(102.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(114.7 252)">G</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(117.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(129.6 252)">H</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(132.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(146.1 252)">I</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(147.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(159.8 252)">J</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(162.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(174.9 252)">K</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(177.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(190 252)">L</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(192.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(204.1 252)">M</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(207.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(219.5 252)">N</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(222.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(234.7 252)">O</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(237.5 240)"/> + <text font-size="6pt" letter-spacing="1px" transform="translate(249.8 252)">P</text> + <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(252.5 240)"/> + </g> +</svg> diff --git a/res-pp/Switch1616-pp.svg b/res-pp/Switch1616-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -75,71 +73,71 @@ text.input-label, text.output-label { <rect class="input-background-filler" width="10" height="5" transform="translate(36.5 302)"/> <rect class="output-background" width="28" height="10" rx="5" transform="translate(38.5 302)"/> - <g transform="translate(5.5 9)"> + <g class="io-group" transform="translate(5.5 9)"> <g transform="translate(4 22)"><svg id="IN2_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 34)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 36.5)">2</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 34)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 36.5)">2</text> <g transform="translate(4 58)"><svg id="IN4_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 70)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 72.5)">4</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 70)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 72.5)">4</text> <g transform="translate(4 94)"><svg id="IN6_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 106)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 108.5)">6</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 106)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 108.5)">6</text> <g transform="translate(4 130)"><svg id="IN8_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 142)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 144.5)">8</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 142)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 144.5)">8</text> <g transform="translate(4 166)"><svg id="IN10_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 178)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 180.5)">10</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 178)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 180.5)">10</text> <g transform="translate(4 202)"><svg id="IN12_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 214)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 216.5)">12</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 214)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 216.5)">12</text> <g transform="translate(4 238)"><svg id="IN14_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 250)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 252.5)">14</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 250)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 252.5)">14</text> <g transform="translate(4 274)"><svg id="IN16_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 286)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 288.5)">16</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 286)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 288.5)">16</text> <g transform="translate(28 4)"><svg id="IN1_INPUT"> <g transform="translate(12 12)"> @@ -147,64 +145,64 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 16)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(16 18.5)">1</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 16)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 18.5)">1</text> <g transform="translate(28 40)"><svg id="IN3_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 52)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(16 54.5)">3</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 52)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 54.5)">3</text> <g transform="translate(28 76)"><svg id="IN5_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 88)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(16 90.5)">5</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 88)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 90.5)">5</text> <g transform="translate(28 112)"><svg id="IN7_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 124)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(16 126.5)">7</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 124)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 126.5)">7</text> <g transform="translate(28 148)"><svg id="IN9_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 160)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(16 162.5)">9</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 160)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 162.5)">9</text> <g transform="translate(28 184)"><svg id="IN11_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 196)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(11 198.5)">11</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 196)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(11 198.5)">11</text> <g transform="translate(28 220)"><svg id="IN13_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 232)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(11 234.5)">13</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 232)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(11 234.5)">13</text> <g transform="translate(28 256)"><svg id="IN15_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 268)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(11 270.5)">15</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 268)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(11 270.5)">15</text> @@ -216,71 +214,71 @@ text.input-label, text.output-label { </g> - <g transform="translate(22.5 302)"> + <g class="io-group" transform="translate(22.5 302)"> <g transform="translate(4 28)"><svg id="OUT1_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(16 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(13.7 19)">A</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(16 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(13.7 19)">A</text> <g transform="translate(40 28)"><svg id="OUT3_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(52 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(49.7 19)">C</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(52 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(49.7 19)">C</text> <g transform="translate(76 28)"><svg id="OUT5_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(88 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(85.9 19)">E</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(88 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(85.9 19)">E</text> <g transform="translate(112 28)"><svg id="OUT7_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(124 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(121.7 19)">G</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(124 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(121.7 19)">G</text> <g transform="translate(148 28)"><svg id="OUT9_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(160 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(159 19)">I</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(160 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(159 19)">I</text> <g transform="translate(184 28)"><svg id="OUT11_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(196 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(193.8 19)">K</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(196 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(193.8 19)">K</text> <g transform="translate(220 28)"><svg id="OUT13_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(232 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(229.05 19)">M</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(232 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(229.05 19)">M</text> <g transform="translate(256 28)"><svg id="OUT15_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(268 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(265.7 19)">O</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(268 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(265.7 19)">O</text> <g transform="translate(22 4)"><svg id="OUT2_OUTPUT"> <g transform="translate(12 12)"> @@ -288,64 +286,64 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(34 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(32 42)">B</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(34 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(32 42)">B</text> <g transform="translate(58 4)"><svg id="OUT4_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(70 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(68 42)">D</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(70 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(68 42)">D</text> <g transform="translate(94 4)"><svg id="OUT6_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(106 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(104 42)">F</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(106 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(104 42)">F</text> <g transform="translate(130 4)"><svg id="OUT8_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(142 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(139.65 42)">H</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(142 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(139.65 42)">H</text> <g transform="translate(166 4)"><svg id="OUT10_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(178 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(176 42)">J</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(178 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(176 42)">J</text> <g transform="translate(202 4)"><svg id="OUT12_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(214 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(212 42)">L</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(214 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(212 42)">L</text> <g transform="translate(238 4)"><svg id="OUT14_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(250 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(247.6 42)">N</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(250 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(247.6 42)">N</text> <g transform="translate(274 4)"><svg id="OUT16_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(286 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(283.8 42)">P</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(286 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(283.8 42)">P</text> </g> <g transform="translate(62 32)"> diff --git a/res-pp/Switch44-dark-pp.svg b/res-pp/Switch44-dark-pp.svg @@ -0,0 +1,332 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="150.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="3.0px" text-anchor="middle" transform="translate(75.0 19)">SWITCH44</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> + </g> + + + <g transform="translate(13.5 42.5)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text> + <g transform="translate(4.5 17)"><svg id="MIX11_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(13.5 99)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2A</text> + <g transform="translate(4.5 17)"><svg id="MIX21_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(13.5 155)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3A</text> + <g transform="translate(4.5 17)"><svg id="MIX31_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(13.5 211)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4A</text> + <g transform="translate(4.5 17)"><svg id="MIX41_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(45.5 42.5)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1B</text> + <g transform="translate(4.5 17)"><svg id="MIX12_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(45.5 99)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2B</text> + <g transform="translate(4.5 17)"><svg id="MIX22_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(45.5 155)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3B</text> + <g transform="translate(4.5 17)"><svg id="MIX32_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(45.5 211)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4B</text> + <g transform="translate(4.5 17)"><svg id="MIX42_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(77.5 42.5)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1C</text> + <g transform="translate(4.5 17)"><svg id="MIX13_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(77.5 99)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2C</text> + <g transform="translate(4.5 17)"><svg id="MIX23_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(77.5 155)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3C</text> + <g transform="translate(4.5 17)"><svg id="MIX33_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(77.5 211)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4C</text> + <g transform="translate(4.5 17)"><svg id="MIX43_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(109.5 42.5)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1D</text> + <g transform="translate(4.5 17)"><svg id="MIX14_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(109.5 99)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2D</text> + <g transform="translate(4.5 17)"><svg id="MIX24_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(109.5 155)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3D</text> + <g transform="translate(4.5 17)"><svg id="MIX34_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(109.5 211)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4D</text> + <g transform="translate(4.5 17)"><svg id="MIX44_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(0 269)"> + <rect class="output-background" width="130" height="91" rx="5" transform="translate(10 0)"/> + <rect class="input-background" width="130" height="44" rx="5" transform="translate(10 0)"/> + <rect class="input-background-filler" width="130" height="10" transform="translate(10 34)"/> + + <g transform="translate(12 0)"> + <g transform="translate(3 5)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">1</text> + </g> + <g transform="translate(44 0)"> + <g transform="translate(3 5)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">2</text> + </g> + <g transform="translate(76 0)"> + <g transform="translate(3 5)"><svg id="IN3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">3</text> + </g> + <g transform="translate(108 0)"> + <g transform="translate(3 5)"><svg id="IN4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(12.4 40)">4</text> + </g> + + <g transform="translate(10 44)"> + <g transform="translate(2 0)"> + <g transform="translate(3 5)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(12.2 40)">A</text> + </g> + <g transform="translate(34 0)"> + <g transform="translate(3 5)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">B</text> + </g> + <g transform="translate(66 0)"> + <g transform="translate(3 5)"><svg id="OUT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">C</text> + </g> + <g transform="translate(98 0)"> + <g transform="translate(3 5)"><svg id="OUT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">D</text> + </g> + </g> + </g> + + + + + +</svg> diff --git a/res-pp/Switch44-pp.svg b/res-pp/Switch44-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,7 +60,7 @@ text.input-label, text.output-label { <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> - <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">SWITCH44</text> + <text class="title" font-size="12pt" letter-spacing="3.0px" text-anchor="middle" transform="translate(75.0 19)">SWITCH44</text> <g transform="translate(0 374)"> <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> diff --git a/res-pp/Switch88-dark-pp.svg b/res-pp/Switch88-dark-pp.svg @@ -0,0 +1,699 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="330" height="380" viewBox="0 0 330 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="330.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 329.0,1 329.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 330.0,0 330.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(165.0 19)">SWITCH88</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(165.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(149.5 -5)"/> + </g> + + + <g class="io-group" transform="translate(5.5 25)"> + <rect class="input-background" width="34" height="293" rx="5" transform="translate(0 0)"/> + <g transform="translate(5 5)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 42)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 79)"><svg id="IN3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 116)"><svg id="IN4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 153)"><svg id="IN5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 190)"><svg id="IN6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 227)"><svg id="IN7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 264)"><svg id="IN8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(46.5 323)"> + <rect class="output-background" width="278.5" height="34" rx="5" transform="translate(0 0)"/> + <g transform="translate(5 5)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(40 5)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(75 5)"><svg id="OUT3_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(110 5)"><svg id="OUT4_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(145 5)"><svg id="OUT5_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(180 5)"><svg id="OUT6_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(215 5)"><svg id="OUT7_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <g transform="translate(250 5)"><svg id="OUT8_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(50 24)"> + <g transform="translate(4.5 9)"><svg id="MIX11_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(50 61)"> + <g transform="translate(4.5 9)"><svg id="MIX21_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(50 98)"> + <g transform="translate(4.5 9)"><svg id="MIX31_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(50 135)"> + <g transform="translate(4.5 9)"><svg id="MIX41_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(50 172)"> + <g transform="translate(4.5 9)"><svg id="MIX51_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(50 209)"> + <g transform="translate(4.5 9)"><svg id="MIX61_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(50 246)"> + <g transform="translate(4.5 9)"><svg id="MIX71_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(50 283)"> + <g transform="translate(4.5 9)"><svg id="MIX81_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(85 24)"> + <g transform="translate(4.5 9)"><svg id="MIX12_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(85 61)"> + <g transform="translate(4.5 9)"><svg id="MIX22_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(85 98)"> + <g transform="translate(4.5 9)"><svg id="MIX32_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(85 135)"> + <g transform="translate(4.5 9)"><svg id="MIX42_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(85 172)"> + <g transform="translate(4.5 9)"><svg id="MIX52_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(85 209)"> + <g transform="translate(4.5 9)"><svg id="MIX62_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(85 246)"> + <g transform="translate(4.5 9)"><svg id="MIX72_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(85 283)"> + <g transform="translate(4.5 9)"><svg id="MIX82_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(120 24)"> + <g transform="translate(4.5 9)"><svg id="MIX13_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(120 61)"> + <g transform="translate(4.5 9)"><svg id="MIX23_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(120 98)"> + <g transform="translate(4.5 9)"><svg id="MIX33_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(120 135)"> + <g transform="translate(4.5 9)"><svg id="MIX43_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(120 172)"> + <g transform="translate(4.5 9)"><svg id="MIX53_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(120 209)"> + <g transform="translate(4.5 9)"><svg id="MIX63_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(120 246)"> + <g transform="translate(4.5 9)"><svg id="MIX73_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(120 283)"> + <g transform="translate(4.5 9)"><svg id="MIX83_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(155 24)"> + <g transform="translate(4.5 9)"><svg id="MIX14_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(155 61)"> + <g transform="translate(4.5 9)"><svg id="MIX24_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(155 98)"> + <g transform="translate(4.5 9)"><svg id="MIX34_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(155 135)"> + <g transform="translate(4.5 9)"><svg id="MIX44_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(155 172)"> + <g transform="translate(4.5 9)"><svg id="MIX54_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(155 209)"> + <g transform="translate(4.5 9)"><svg id="MIX64_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(155 246)"> + <g transform="translate(4.5 9)"><svg id="MIX74_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(155 283)"> + <g transform="translate(4.5 9)"><svg id="MIX84_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(190 24)"> + <g transform="translate(4.5 9)"><svg id="MIX15_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(190 61)"> + <g transform="translate(4.5 9)"><svg id="MIX25_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(190 98)"> + <g transform="translate(4.5 9)"><svg id="MIX35_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(190 135)"> + <g transform="translate(4.5 9)"><svg id="MIX45_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(190 172)"> + <g transform="translate(4.5 9)"><svg id="MIX55_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(190 209)"> + <g transform="translate(4.5 9)"><svg id="MIX65_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(190 246)"> + <g transform="translate(4.5 9)"><svg id="MIX75_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(190 283)"> + <g transform="translate(4.5 9)"><svg id="MIX85_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(225 24)"> + <g transform="translate(4.5 9)"><svg id="MIX16_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(225 61)"> + <g transform="translate(4.5 9)"><svg id="MIX26_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(225 98)"> + <g transform="translate(4.5 9)"><svg id="MIX36_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(225 135)"> + <g transform="translate(4.5 9)"><svg id="MIX46_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(225 172)"> + <g transform="translate(4.5 9)"><svg id="MIX56_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(225 209)"> + <g transform="translate(4.5 9)"><svg id="MIX66_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(225 246)"> + <g transform="translate(4.5 9)"><svg id="MIX76_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(225 283)"> + <g transform="translate(4.5 9)"><svg id="MIX86_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(260 24)"> + <g transform="translate(4.5 9)"><svg id="MIX17_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(260 61)"> + <g transform="translate(4.5 9)"><svg id="MIX27_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(260 98)"> + <g transform="translate(4.5 9)"><svg id="MIX37_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(260 135)"> + <g transform="translate(4.5 9)"><svg id="MIX47_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(260 172)"> + <g transform="translate(4.5 9)"><svg id="MIX57_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(260 209)"> + <g transform="translate(4.5 9)"><svg id="MIX67_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(260 246)"> + <g transform="translate(4.5 9)"><svg id="MIX77_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(260 283)"> + <g transform="translate(4.5 9)"><svg id="MIX87_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(295 24)"> + <g transform="translate(4.5 9)"><svg id="MIX18_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(295 61)"> + <g transform="translate(4.5 9)"><svg id="MIX28_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(295 98)"> + <g transform="translate(4.5 9)"><svg id="MIX38_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(295 135)"> + <g transform="translate(4.5 9)"><svg id="MIX48_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(295 172)"> + <g transform="translate(4.5 9)"><svg id="MIX58_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(295 209)"> + <g transform="translate(4.5 9)"><svg id="MIX68_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(295 246)"> + <g transform="translate(4.5 9)"><svg id="MIX78_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + <g transform="translate(295 283)"> + <g transform="translate(4.5 9)"><svg id="MIX88_PARAM"> + <g transform="translate(9 9)"> + <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + + + + + + + + + + + + + + + + + + + + + + + + + +</svg> diff --git a/res-pp/Switch88-pp.svg b/res-pp/Switch88-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/TenHP-dark-pp.svg b/res-pp/TenHP-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="150.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">10HP10HP</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> + </g> + +</svg> diff --git a/res-pp/TenHP-pp.svg b/res-pp/TenHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/Test-dark-pp.svg b/res-pp/Test-dark-pp.svg @@ -0,0 +1,320 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">test</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 10)"> + + <g transform="translate(9.5 3.5)"><svg id="PARAM1_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -6)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> + </g> + </g> + </g> + </g> + <g transform="translate(0 50)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="CV1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> + </g> + </g> + + <g transform="translate(0 95)"> + + <g transform="translate(9.5 3.5)"><svg id="PARAM2_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -6)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> + </g> + </g> + </g> + </g> + <g transform="translate(0 135)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="CV2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> + </g> + </g> + + <g transform="translate(0 180)"> + + <g transform="translate(9.5 3.5)"><svg id="PARAM3_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -6)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> + </g> + </g> + </g> + </g> + <g transform="translate(0 220)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="CV3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> + </g> + </g> + + <g transform="translate(0 265)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="70" rx="5"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/Test-pp.svg b/res-pp/Test-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">test</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -86,31 +84,31 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> @@ -146,31 +144,31 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> @@ -206,31 +204,31 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> diff --git a/res-pp/Test2-dark-pp.svg b/res-pp/Test2-dark-pp.svg @@ -0,0 +1,496 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="90.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">TEST2</text> + <g transform="translate(5.5 374)"> + <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + </g> + + + <g transform="translate(0 30)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1A</text> + <g transform="translate(9.5 8.5)"><svg id="PARAM1A_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -1)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> + </g> + </g> + </g> + </g> + <g transform="translate(0 75)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="CV1A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> + </g> + </g> + + <g transform="translate(0 130)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P2A</text> + <g transform="translate(9.5 8.5)"><svg id="PARAM2A_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -1)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> + </g> + </g> + </g> + </g> + <g transform="translate(0 175)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="CV2A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> + </g> + </g> + + <g transform="translate(0 230)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P3A</text> + <g transform="translate(9.5 8.5)"><svg id="PARAM3A_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -1)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> + </g> + </g> + </g> + </g> + <g transform="translate(0 275)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="CV3A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> + </g> + </g> + + <g transform="translate(45 30)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1B</text> + <g transform="translate(9.5 8.5)"><svg id="PARAM1B_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -1)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> + </g> + </g> + </g> + </g> + <g transform="translate(45 75)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="CV1B_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> + </g> + </g> + + <g transform="translate(45 130)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P2B</text> + <g transform="translate(9.5 8.5)"><svg id="PARAM2B_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -1)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> + </g> + </g> + </g> + </g> + <g transform="translate(45 175)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="CV2B_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> + </g> + </g> + + <g transform="translate(45 230)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P3B</text> + <g transform="translate(9.5 8.5)"><svg id="PARAM3B_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -1)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> + </g> + </g> + </g> + </g> + <g transform="translate(45 275)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="CV3B_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> + </g> + </g> + + <g transform="translate(5.5 320)"> + <g class="io-group" transform="translate(0 0)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + <g class="io-group" transform="translate(45 0)"> + <rect class="output-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 35)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/Test2-pp.svg b/res-pp/Test2-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -62,10 +60,10 @@ text.input-label, text.output-label { <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"/> <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"/> - <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">TEST2</text> + <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">TEST2</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> @@ -84,31 +82,31 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> @@ -144,31 +142,31 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> @@ -204,31 +202,31 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> @@ -264,31 +262,31 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> @@ -324,31 +322,31 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> @@ -384,31 +382,31 @@ text.input-label, text.output-label { <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> diff --git a/res-pp/TestExpanderBase-dark-pp.svg b/res-pp/TestExpanderBase-dark-pp.svg @@ -0,0 +1,147 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">TEB</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 245)"> + <g transform="translate(10 0.5)"><svg id="COM_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(19 6)">COM</text> + </g> + + <g transform="translate(0 260)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/> + <rect class="input-background" width="34" height="35" rx="5"/> + <g transform="translate(5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/TestExpanderBase-pp.svg b/res-pp/TestExpanderBase-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">TEB</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/TestExpanderExtension-dark-pp.svg b/res-pp/TestExpanderExtension-dark-pp.svg @@ -0,0 +1,135 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">TEE</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 280)"> + <g transform="translate(10 0.5)"><svg id="COM_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(19 6)">COM</text> + </g> + + <g transform="translate(0 260)"> + <g class="io-group" transform="translate(5.5 41)"> + <rect class="output-background" width="34" height="38" rx="5" transform="translate(0 -3)"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/TestExpanderExtension-pp.svg b/res-pp/TestExpanderExtension-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">TEE</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/TestVCF-dark-pp.svg b/res-pp/TestVCF-dark-pp.svg @@ -0,0 +1,310 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="180" height="380" viewBox="0 0 180 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-cutoff-testvcf" viewBox="0 0 50px 50px"> + <g transform="translate(25 25)"> + <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> + </g> + </symbol> + + <symbol id="dial-resonance-testvcf" viewBox="0 0 50px 50px"> + <g transform="translate(25 25)"> + <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="180.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 179.0,1 179.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 180.0,0 180.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(90.0 19)">VCF</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(90.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(74.5 -5)"/> + </g> + + + <g transform="translate(20 50)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(9 45) rotate(270)">CUTOFF</text> + <g transform="translate(20 0)"><svg id="CUTOFF_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-cutoff-testvcf" transform="translate(14 -6)" href="#dial-cutoff-testvcf"/> + </g> + + <g transform="translate(20 120)"> + + <text font-size="8pt" letter-spacing="1px" transform="translate(9 45) rotate(270)">RES/BW</text> + <g transform="translate(20 0)"><svg id="Q_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-resonance-testvcf" transform="translate(14 -6)" href="#dial-resonance-testvcf"/> + </g> + + <g transform="translate(20 190)"> + + <text font-size="8pt" letter-spacing="1px" transform="translate(9 39) rotate(270)">DRIVE</text> + <g transform="translate(20 0)"><svg id="DRIVE_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-resonance-testvcf" transform="translate(14 -6)" href="#dial-resonance-testvcf"/> + </g> + + <g transform="translate(20 260)"> + + <text font-size="8pt" letter-spacing="1px" transform="translate(9 36) rotate(270)">TOPO</text> + <g transform="translate(20 0)"><svg id="TOPOLOGY_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-resonance-testvcf" transform="translate(14 -6)" href="#dial-resonance-testvcf"/> + </g> + + <g transform="translate(110 48)"> + + <text font-size="8pt" letter-spacing="1px" transform="translate(9 40) rotate(270)">MODE</text> + <g transform="translate(20 0)"> + <g transform="translate(0 10)"> + <g transform="translate(0 0)"><svg id="LOWPASS_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">LP</text> + </g> + <g transform="translate(21 10)"> + <g transform="translate(0 0)"><svg id="HIGHPASS_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">HP</text> + </g> + <g transform="translate(0 20)"> + <g transform="translate(0 0)"><svg id="BANDPASS_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">BP</text> + </g> + <g transform="translate(21 20)"> + <g transform="translate(0 0)"><svg id="BAND_REJECT_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">BR</text> + </g> + <g transform="translate(15 29)"><svg id="MODE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + </g> + + <g transform="translate(110 117)"> + + <text font-size="8pt" letter-spacing="1px" transform="translate(9 40) rotate(270)">POLES</text> + <g transform="translate(20 0)"> + <g transform="translate(0 10)"> + <g transform="translate(0 0)"><svg id="POLES_2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">2</text> + </g> + <g transform="translate(21 10)"> + <g transform="translate(0 0)"><svg id="POLES_4_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">4</text> + </g> + <g transform="translate(0 20)"> + <g transform="translate(0 0)"><svg id="POLES_6_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">6</text> + </g> + <g transform="translate(21 20)"> + <g transform="translate(0 0)"><svg id="POLES_8_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">8</text> + </g> + <g transform="translate(0 30)"> + <g transform="translate(0 0)"><svg id="POLES_10_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">10</text> + </g> + <g transform="translate(21 30)"> + <g transform="translate(0 0)"><svg id="POLES_12_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">12</text> + </g> + <g transform="translate(15 39)"><svg id="POLES_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + </g> + + <g class="io-group" transform="translate(45 315)"> + <rect class="input-background" width="58" height="40" rx="5"/> + <rect class="output-background" width="50" height="40" rx="5" transform="translate(38)"/> + <rect class="output-background-filler" width="20" height="40" transform="translate(29)"/> + <g transform="translate(2.5 3)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> + <g transform="translate(31.5 3)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> + <g transform="translate(60.5 3)"><svg id="OUT_B_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(70.5 36)">B</text> + </g> +</svg> diff --git a/res-pp/TestVCF-pp.svg b/res-pp/TestVCF-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-cutoff-testvcf" viewBox="0 0 50px 50px"> <g transform="translate(25 25)"> <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-210) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-180) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-150) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-120) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-90) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-60) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-30) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(0) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> </g> </symbol> @@ -73,15 +71,15 @@ text.input-label, text.output-label { <symbol id="dial-resonance-testvcf" viewBox="0 0 50px 50px"> <g transform="translate(25 25)"> <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-210) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-180) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-150) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-120) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-90) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-60) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-30) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(0) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> </g> </symbol> @@ -249,20 +247,20 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> <g transform="translate(31.5 3)"><svg id="OUT_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> <g transform="translate(60.5 3)"><svg id="OUT_B_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(70.5 36)">B</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(70.5 36)">B</text> </g> </svg> diff --git a/res-pp/ThirteenHP-dark-pp.svg b/res-pp/ThirteenHP-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="195" height="380" viewBox="0 0 195 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="195.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 194.0,1 194.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 194.5,0.5 194.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 195.0,0 195.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(97.5 19)">13HP-13HP</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(97.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(82.0 -5)"/> + </g> + +</svg> diff --git a/res-pp/ThirteenHP-pp.svg b/res-pp/ThirteenHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/ThirtyHP-dark-pp.svg b/res-pp/ThirtyHP-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="450" height="380" viewBox="0 0 450 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="450.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 449.0,1 449.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 449.5,0.5 449.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 450.0,0 450.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(225.0 19)">THIRTY(30) HP - THIRTY(30) HP</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(225.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(209.5 -5)"/> + </g> + +</svg> diff --git a/res-pp/ThirtyHP-pp.svg b/res-pp/ThirtyHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/ThreeHP-dark-pp.svg b/res-pp/ThreeHP-dark-pp.svg @@ -0,0 +1,115 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">3HP</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + +</svg> diff --git a/res-pp/ThreeHP-pp.svg b/res-pp/ThreeHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">3HP</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/TwelveHP-dark-pp.svg b/res-pp/TwelveHP-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="180" height="380" viewBox="0 0 180 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="180.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 179.0,1 179.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 180.0,0 180.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(90.0 19)">12HP-12HP</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(90.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(74.5 -5)"/> + </g> + +</svg> diff --git a/res-pp/TwelveHP-pp.svg b/res-pp/TwelveHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/TwentyFiveHP-dark-pp.svg b/res-pp/TwentyFiveHP-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="375" height="380" viewBox="0 0 375 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="375.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 374.0,1 374.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 374.5,0.5 374.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 375.0,0 375.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(187.5 19)">25HP-25HP-25HP-25HP</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(187.5 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(172.0 -5)"/> + </g> + +</svg> diff --git a/res-pp/TwentyFiveHP-pp.svg b/res-pp/TwentyFiveHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/TwentyHP-dark-pp.svg b/res-pp/TwentyHP-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="300" height="380" viewBox="0 0 300 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="300.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 299.0,1 299.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 300.0,0 300.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(150.0 19)">20HP-20HP-20HP</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(150.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(134.5 -5)"/> + </g> + +</svg> diff --git a/res-pp/TwentyHP-pp.svg b/res-pp/TwentyHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/TwentyTwoHP-dark-pp.svg b/res-pp/TwentyTwoHP-dark-pp.svg @@ -0,0 +1,113 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="330" height="380" viewBox="0 0 330 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="330.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 329.0,1 329.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 330.0,0 330.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(165.0 19)">22HP-22HP-22HP</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(165.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(149.5 -5)"/> + </g> + +</svg> diff --git a/res-pp/TwentyTwoHP-pp.svg b/res-pp/TwentyTwoHP-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> diff --git a/res-pp/UMix-dark-pp.svg b/res-pp/UMix-dark-pp.svg @@ -0,0 +1,183 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">UMIX</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + + + <g transform="translate(0 18)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 283)"/> + <rect class="input-background" width="34" height="293" rx="5"/> + <g transform="translate(5 5)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 40.5)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 76)"><svg id="IN3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 111.5)"><svg id="IN4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 147)"><svg id="IN5_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 182.5)"><svg id="IN6_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 218)"><svg id="IN7_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(5 252.5)"><svg id="IN8_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(5.5 283)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="38" rx="5"/> + <g transform="translate(5 1)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 33)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/UMix-pp.svg b/res-pp/UMix-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">UMIX</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/Unison-dark-pp.svg b/res-pp/Unison-dark-pp.svg @@ -0,0 +1,229 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-detune-unison" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">50</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">UNISON</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text> + <g transform="translate(9.5 9)"><svg id="CHANNELS_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -1)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">1</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-220) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-200) translate(15 0)"/> + + <text font-size="5.0pt" transform="rotate(-180) translate(17 0) rotate(180) translate(-2 2.2)">4</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-160) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-140) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + + <text font-size="5.0pt" transform="rotate(-100) translate(17 0) rotate(100) translate(-1.9 2.5)">8</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-80) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> + + <text font-size="5.0pt" transform="rotate(-20) translate(17 0) rotate(20) translate(-3 2.4)">12</text> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(20) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(40) translate(15 0)"/> + + <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">16</text> + </g> + </g> + </g> + + <g transform="translate(0 80)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">DETUNE</text> + <g transform="translate(9.5 9)"><svg id="DETUNE_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-detune-unison" transform="translate(0 -1)" href="#dial-detune-unison"/> + <g class="io-group" transform="translate(5.5 44)"> + <rect class="input-background" width="34" height="39" rx="5"/> + <g transform="translate(5 3)"><svg id="DETUNE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + </g> + </g> + + <g transform="translate(0 171)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="70" rx="5"/> + <g transform="translate(5 3)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> + <g transform="translate(5 38)"><svg id="GATE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 70)">GATE</text> + </g> + <g class="io-group" transform="translate(5.5 76)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="70" rx="5"/> + <g transform="translate(5 0)"><svg id="PITCH_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(3 32)">V/OCT</text> + <g transform="translate(5 35)"><svg id="GATE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text> + </g> + </g> +</svg> diff --git a/res-pp/Unison-pp.svg b/res-pp/Unison-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-detune-unison" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">50</text> </g> </symbol> @@ -84,7 +82,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">UNISON</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -101,23 +99,23 @@ text.input-label, text.output-label { <g transform="translate(0 -1)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">1</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-220) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-200) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-220) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-200) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-180) translate(17 0) rotate(180) translate(-2 2.2)">4</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-160) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-140) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-160) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-140) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-100) translate(17 0) rotate(100) translate(-1.9 2.5)">8</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-80) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-40) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-80) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-20) translate(17 0) rotate(20) translate(-3 2.4)">12</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(20) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(40) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(20) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(40) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">16</text> </g> diff --git a/res-pp/VCA-dark-pp.svg b/res-pp/VCA-dark-pp.svg @@ -0,0 +1,242 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">VCA</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + + + <g transform="translate(0 19)"> + <g transform="translate(9.5 3.5)"><svg id="LEVEL1_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -6)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + </g> + + <g transform="translate(0 57)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="70" rx="5"/> + <g transform="translate(5 3)"><svg id="CV1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> + <g transform="translate(5 38)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 76)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT1_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> + + <g transform="translate(0 178)"> + <g transform="translate(9.5 3.5)"><svg id="LEVEL2_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 -6)"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </g> + </g> + + <g transform="translate(0 216)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="70" rx="5"/> + <g transform="translate(5 3)"><svg id="CV2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> + <g transform="translate(5 38)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 76)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT2_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> + + <g transform="translate(10.5 334)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">LIN</text> + <g transform="translate(15 -1)"><svg id="LINEAR_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + +</svg> diff --git a/res-pp/VCA-pp.svg b/res-pp/VCA-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">VCA</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -84,15 +82,15 @@ text.input-label, text.output-label { <g transform="translate(0 -6)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> @@ -141,15 +139,15 @@ text.input-label, text.output-label { <g transform="translate(0 -6)"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </g> diff --git a/res-pp/VCAmp-dark-pp.svg b/res-pp/VCAmp-dark-pp.svg @@ -0,0 +1,198 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">VCAMP</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 18)"> + <g transform="translate(0 0)"> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 20.67)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">6</text> + </g> + <g transform="translate(0 34.83)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 49)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 63.17)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 91.5)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 148.17)"> + <polyline points="0,0 6.5,0" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" fill="none" transform="translate(28 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 170)"> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-9 4)">dB</text> + </g> + </g> + <g transform="translate(13.5 0)"><svg id="LEVEL_PARAM"> + <rect width="6" height="177" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/> + <g transform="translate(0 85)"> + <rect width="18" height="13" rx="1.5" fill="#777"/> + <rect width="18" height="9" x="0" y="2" fill="#444"/> + <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/> + <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 210)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="70" rx="5"/> + <g transform="translate(5 3)"><svg id="CV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + <g transform="translate(5 38)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> + </g> + <g class="io-group" transform="translate(5.5 76)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/VCAmp-pp.svg b/res-pp/VCAmp-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">VCAMP</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/VCF-dark-pp.svg b/res-pp/VCF-dark-pp.svg @@ -0,0 +1,402 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-frequency-vcf" viewBox="0 0 150px 108px"> + <g transform="translate(75 54)"> + <g transform="rotate(-240) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-2 3)">0</text> + </g> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-225) translate(37 0)"/> + + <g transform="rotate(-218.8) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(218.8) translate(-12.5 3.5)">100</text> + </g> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-206.5) translate(37 0)"/> + + <g transform="rotate(-192.6) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(192.6) translate(-11.5 3)">500</text> + </g> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-181.9) translate(37 0)"/> + + <g transform="rotate(-172.2) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(172.2) translate(-7.5 3)">1K</text> + </g> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-151.3) translate(37 0)"/> + + <g transform="rotate(-133.9) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(133.9) translate(-16 3)">2.5K</text> + </g> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-110.1) translate(37 0)"/> + + <g transform="rotate(-90) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(90) translate(-6 4)">5K</text> + </g> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-41.6) translate(37 0)"/> + + <g transform="rotate(-56.3) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(56.3) translate(-3.5 3)">7.5K</text> + </g> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-72.3) translate(37 0)"/> + + <g transform="rotate(-27.9) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(27.9) translate(-5 5)">10K</text> + </g> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-2.9) translate(37 0)"/> + + <g transform="rotate(19.8) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(-19.8) translate(-5 2)">15K</text> + </g> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(40.6) translate(37 0)"/> + + <g transform="rotate(60) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.5 3)">20K</text> + </g> + + <text font-size="7.0pt" transform="rotate(90) translate(44.5 0) rotate(-90) translate(-6.5 0)">HZ</text> + </g> + </symbol> + + <symbol id="dial-slope-vcf" viewBox="0 0 50px 60px"> + <g transform="translate(25 30)"> + <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-2 3)">1</text> + <polyline points="0,0 2,0" stroke-width="0.7" transform="rotate(-176) translate(22 0)"/> + <text font-size="6.0pt" transform="rotate(-149.6) translate(24 0) rotate(149.6) translate(-1.5 1)">2</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-112.1) translate(22 0)"/> + <text font-size="6.0pt" transform="rotate(-83.3) translate(24 0) rotate(83.3) translate(-2 2)">4</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-59.1) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-37.7) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-18.4) translate(22 0)"/> + <text font-size="6.0pt" transform="rotate(-0.7) translate(24 0) rotate(0.7) translate(-2 2)">8</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(15.8) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(31.4) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(46) translate(22 0)"/> + <text font-size="6.0pt" transform="rotate(60) translate(24 0) rotate(-60) translate(-5 3)">12</text> + </g> + </symbol> + + <symbol id="dial-mode-vcf" viewBox="0 0 60px 60px"> + <g transform="translate(30 30)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-67.5) translate(11 0)"/> + <text font-size="6.0pt" transform="rotate(-67.5) translate(24 0) rotate(67.5) translate(-3 7)">LP</text> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-22.5) translate(11 0)"/> + <text font-size="6.0pt" transform="rotate(-22.5) translate(24 0) rotate(22.5) translate(-7 5)">HP</text> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(11 0)"/> + <text font-size="6.0pt" transform="rotate(22.5) translate(24 0) rotate(-22.5) translate(-7 0)">BP</text> + + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(67.5) translate(11 0)"/> + <text font-size="6.0pt" transform="rotate(67.5) translate(24 0) rotate(-67.5) translate(-3 -1.5)">BR</text> + </g> + </symbol> + + <symbol id="dial-linear-vcf" viewBox="0 0 50px 50px"> + <g transform="translate(25 25)"> + <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="150.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">VCF</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> + </g> + + + + + + + <g transform="translate(21 25)"> + <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM"> + <g transform="translate(34 34)"> + <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-frequency-vcf" transform="translate(-21 0)" href="#dial-frequency-vcf"/> + </g> + + <g transform="translate(25 126)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">CV</text> + <g transform="translate(20 12)"><svg id="FREQUENCY_CV_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(8 0)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(82 126)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">FM</text> + <g transform="translate(20 12)"><svg id="FM_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(8 0)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(54 165)"> + <text font-size="8pt" letter-spacing="2px" transform="translate(7 38) rotate(270)">MODE</text> + <g transform="translate(13 11)"><svg id="MODE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-mode-vcf" transform="translate(-9 -11)" href="#dial-mode-vcf"/> + </g> + + <g transform="translate(2 220)"> + + + <text font-size="8pt" letter-spacing="2px" transform="translate(13.5 43.5) rotate(270)">RES/BW</text> + <g transform="translate(24.5 0)"><svg id="Q_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-linear-vcf" transform="translate(18.5 -6)" href="#dial-linear-vcf"/> + </g> + + <g transform="translate(73 220)"> + + + <text font-size="8pt" letter-spacing="2px" transform="translate(13.4 38.5) rotate(270)">SLOPE</text> + <g transform="translate(24.5 0)"><svg id="SLOPE_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-slope-vcf" transform="translate(18.5 -11)" href="#dial-slope-vcf"/> + </g> + + <g class="io-group" transform="translate(0 269)"> + <rect class="output-background" width="130" height="47" rx="5" transform="translate(10 44)"/> + <rect class="input-background" width="98" height="44" rx="5" transform="translate(26 0)"/> + <rect class="input-background-filler" width="98" height="10" transform="translate(26 34)"/> + <rect class="input-background" width="97" height="47" rx="5" transform="translate(10 44)"/> + <rect class="input-background-filler" width="10" height="47" transform="translate(97 44)"/> + + <g transform="translate(16 0)"> + <g transform="translate(12 0)"> + <g transform="translate(3 5)"><svg id="FREQUENCY_CV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(9 40)">CV</text> + </g> + <g transform="translate(44 0)"> + <g transform="translate(3 5)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> + </g> + <g transform="translate(76 0)"> + <g transform="translate(3 5)"><svg id="FM_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(9 40)">FM</text> + </g> + </g> + + <g transform="translate(10 44)"> + <g transform="translate(2 0)"> + <g transform="translate(3 5)"><svg id="IN_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(10.5 40)">IN</text> + </g> + <g transform="translate(34 0)"> + <g transform="translate(3 5)"><svg id="Q_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">R/BW</text> + </g> + <g transform="translate(66 0)"> + <g transform="translate(3 5)"><svg id="SLOPE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(7 40)">SLP</text> + </g> + <g transform="translate(98 0)"> + <g transform="translate(3 5)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(6 40)">OUT</text> + </g> + </g> + </g> +</svg> diff --git a/res-pp/VCF-pp.svg b/res-pp/VCF-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -122,33 +120,33 @@ text.input-label, text.output-label { <symbol id="dial-slope-vcf" viewBox="0 0 50px 60px"> <g transform="translate(25 30)"> <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-2 3)">1</text> - <polyline points="0,0 2,0" stroke-width="0.5" transform="rotate(-176) translate(22 0)"/> + <polyline points="0,0 2,0" stroke-width="0.7" transform="rotate(-176) translate(22 0)"/> <text font-size="6.0pt" transform="rotate(-149.6) translate(24 0) rotate(149.6) translate(-1.5 1)">2</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-112.1) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-112.1) translate(22 0)"/> <text font-size="6.0pt" transform="rotate(-83.3) translate(24 0) rotate(83.3) translate(-2 2)">4</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-59.1) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-37.7) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-18.4) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-59.1) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-37.7) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-18.4) translate(22 0)"/> <text font-size="6.0pt" transform="rotate(-0.7) translate(24 0) rotate(0.7) translate(-2 2)">8</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(15.8) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(31.4) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(46) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(15.8) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(31.4) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(46) translate(22 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(24 0) rotate(-60) translate(-5 3)">12</text> </g> </symbol> <symbol id="dial-mode-vcf" viewBox="0 0 60px 60px"> <g transform="translate(30 30)"> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-67.5) translate(11 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-67.5) translate(11 0)"/> <text font-size="6.0pt" transform="rotate(-67.5) translate(24 0) rotate(67.5) translate(-3 7)">LP</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-22.5) translate(11 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-22.5) translate(11 0)"/> <text font-size="6.0pt" transform="rotate(-22.5) translate(24 0) rotate(22.5) translate(-7 5)">HP</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(22.5) translate(11 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(11 0)"/> <text font-size="6.0pt" transform="rotate(22.5) translate(24 0) rotate(-22.5) translate(-7 0)">BP</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(67.5) translate(11 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(67.5) translate(11 0)"/> <text font-size="6.0pt" transform="rotate(67.5) translate(24 0) rotate(-67.5) translate(-3 -1.5)">BR</text> </g> </symbol> @@ -156,15 +154,15 @@ text.input-label, text.output-label { <symbol id="dial-linear-vcf" viewBox="0 0 50px 50px"> <g transform="translate(25 25)"> <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-210) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-180) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-150) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-120) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-90) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-60) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-30) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(0) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> </g> </symbol> @@ -212,13 +210,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(8 0)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -234,13 +230,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(8 0)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> diff --git a/res-pp/VCM-dark-pp.svg b/res-pp/VCM-dark-pp.svg @@ -0,0 +1,317 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-level-vcm" viewBox="0 0 60px 60px"> + <g transform="translate(30 30)"> + <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-2.3 2.5)">0</text> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 5,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="150.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">VCM</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> + </g> + + + <g transform="translate(0 32)"> + <g class="io-group" transform="translate(10 1)"> + <rect class="input-background" width="63" height="43" rx="5"/> + <g transform="translate(1 0)"> + <g transform="translate(3 4)"><svg id="IN1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> + </g> + <g transform="translate(32 0)"> + <g transform="translate(3 4)"><svg id="CV1_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> + </g> + </g> + + <g transform="translate(89.5 3.5)"><svg id="LEVEL1_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-level-vcm" transform="translate(78.5 -7.5)" href="#dial-level-vcm"/> + <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH1</text> + </g> + + <g transform="translate(0 96)"> + <g class="io-group" transform="translate(10 1)"> + <rect class="input-background" width="63" height="43" rx="5"/> + <g transform="translate(1 0)"> + <g transform="translate(3 4)"><svg id="IN2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> + </g> + <g transform="translate(32 0)"> + <g transform="translate(3 4)"><svg id="CV2_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> + </g> + </g> + + <g transform="translate(89.5 3.5)"><svg id="LEVEL2_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-level-vcm" transform="translate(78.5 -7.5)" href="#dial-level-vcm"/> + <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH2</text> + </g> + + <g transform="translate(0 160)"> + <g class="io-group" transform="translate(10 1)"> + <rect class="input-background" width="63" height="43" rx="5"/> + <g transform="translate(1 0)"> + <g transform="translate(3 4)"><svg id="IN3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> + </g> + <g transform="translate(32 0)"> + <g transform="translate(3 4)"><svg id="CV3_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> + </g> + </g> + + <g transform="translate(89.5 3.5)"><svg id="LEVEL3_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-level-vcm" transform="translate(78.5 -7.5)" href="#dial-level-vcm"/> + <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH3</text> + </g> + + <g transform="translate(0 225)"> + <g class="io-group" transform="translate(10 1)"> + <rect class="input-background" width="63" height="43" rx="5"/> + <g transform="translate(1 0)"> + <g transform="translate(3 4)"><svg id="IN4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> + </g> + <g transform="translate(32 0)"> + <g transform="translate(3 4)"><svg id="CV4_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> + </g> + </g> + + <g transform="translate(89.5 3.5)"><svg id="LEVEL4_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-level-vcm" transform="translate(78.5 -7.5)" href="#dial-level-vcm"/> + <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH4</text> + </g> + + <g transform="translate(0 290)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(11 30.5) rotate(-90)">MIX</text> + <g transform="translate(22.5 3.5)"><svg id="MIX_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-level-vcm" transform="translate(11.5 -7.5)" href="#dial-level-vcm"/> + <g class="io-group" transform="translate(77 0)"> + <rect class="output-background" width="63" height="43" rx="5"/> + <rect class="input-background" width="31.5" height="43" rx="5"/> + <rect class="input-background-filler" width="5" height="43" transform="translate(26.5 0)"/> + <g transform="translate(1 0)"> + <g transform="translate(3 4)"><svg id="MIX_CV_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> + </g> + <g transform="translate(32 0)"> + <g transform="translate(3 4)"><svg id="MIX_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 39)">OUT</text> + </g> + </g> + + <g transform="translate(42 54)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">LINEAR</text> + <g transform="translate(49 -1.3)"><svg id="LINEAR_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + </g> + + + + + + +</svg> diff --git a/res-pp/VCM-pp.svg b/res-pp/VCM-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-level-vcm" viewBox="0 0 60px 60px"> <g transform="translate(30 30)"> <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-2.3 2.5)">0</text> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-210) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-180) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-150) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-120) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-90) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-60) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-30) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(0) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> <polyline points="0,0 5,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> </g> </symbol> diff --git a/res-pp/VCO-dark-pp.svg b/res-pp/VCO-dark-pp.svg @@ -0,0 +1,454 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-fm-vco" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="150.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">VCO</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> + </g> + + + <g transform="translate(21 25)"> + + + + <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM"> + <g transform="translate(34 34)"> + <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-1 0)"> + <g transform="translate(54 54)"> + <g transform="rotate(-240) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-6 3)">-3</text> + </g> + <g transform="rotate(-220.56) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-206.667) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(206.667) translate(-5.5 3)">-2</text> + </g> + <g transform="rotate(-187.23) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-173.333) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(173.333) translate(-4 3)">-1</text> + </g> + <g transform="rotate(-153.89) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-140) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" letter-spacing="1px" transform="translate(16 0) rotate(140) translate(-6 3.5)">0V</text> + </g> + <g transform="rotate(-120.56) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-106.667) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(106.667) translate(-2.7 3)">1</text> + </g> + <g transform="rotate(-87.23) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-73.33) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(73.333) translate(-2.7 3)">2</text> + </g> + <g transform="rotate(-53.89) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-40) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(40) translate(-2.7 3)">3</text> + </g> + <g transform="rotate(-20.56) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-6.667) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(6.667) translate(-2.7 3)">4</text> + </g> + <g transform="rotate(12.77) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(26.667) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(-26.667) translate(-2.7 3)">5</text> + </g> + <g transform="rotate(46.11) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(60) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text> + </g> + </g> + </g> + </g> + + <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text> + + + + <g transform="translate(35 153)"> + + + + + <text font-size="8pt" letter-spacing="2px" transform="translate(0 22) rotate(270)">FINE</text> + <g transform="translate(13 0)"><svg id="FINE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + + </g> + <g transform="translate(36 141)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <g transform="translate(73 150)"> + <g transform="translate(0 1)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(10 6.1)">SLOW</text> + <g transform="translate(41 -1.3)"><svg id="SLOW_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 14)"> + <text font-size="6pt" letter-spacing="0.5px" transform="translate(8 6.1)">LINEAR</text> + <g transform="translate(41 -1.3)"><svg id="LINEAR_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + </g> + + + + <g transform="translate(44 188)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(10 22.5) rotate(270)">PW</text> + <g transform="translate(18 0)"><svg id="PW_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(52.5 178.5)"> + <g transform="translate(22.5 22.5)"> + <g transform="rotate(-240) translate(15 0)"> + <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> + </g> + <g transform="rotate(-210) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> + </g> + <g transform="rotate(60) translate(15 0)"> + <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> + </g> + </g> + </g> + + + + <g transform="translate(44 230)"> + + <g transform="translate(0 0)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(10 22) rotate(270)">FM</text> + <g transform="translate(18 0)"><svg id="FM_PARAM"> + <g transform="translate(13 13)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + + <g transform="translate(57 -0)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1 -1)">EXP</text> + <g transform="translate(0 2)"><svg id="FM_TYPE_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(0 34)">LIN</text> + </g> + </g> + <use xlink:href="#dial-fm-vco" transform="translate(52.5 220.5)" href="#dial-fm-vco"/> + + + + <g class="io-group" transform="translate(0 269)"> + <rect class="output-background" width="130" height="91" rx="5" transform="translate(10 0)"/> + + <rect class="input-background" width="65" height="91" rx="5" transform="translate(10 0)"/> + <rect class="input-background-filler" width="10" height="8" transform="translate(65 0)"/> + <rect class="input-background-filler" width="10" height="8" transform="translate(65 83)"/> + + <g transform="translate(12 0)"> + <g transform="translate(3 5)"><svg id="PW_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 40)">PW</text> + </g> + <g transform="translate(44 0)"> + <g transform="translate(3 5)"><svg id="FM_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 40)">FM</text> + </g> + <g transform="translate(76 0)"> + <g transform="translate(3 5)"><svg id="SQUARE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <g transform="translate(9 33.5)"> + + <polyline class="output-label" points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> + </g> + </g> + <g transform="translate(108 0)"> + <g transform="translate(3 5)"><svg id="SAW_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <g transform="translate(9 33.5)"> + + <polyline class="output-label" points="0,8 12,0 12,8" stroke-width="1" fill="none"/> + </g> + </g> + + <g transform="translate(10 44)"> + <g transform="translate(2 0)"> + <g transform="translate(3 5)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> + </g> + <g transform="translate(34 0)"> + <g transform="translate(3 5)"><svg id="SYNC_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text> + </g> + <g transform="translate(66 0)"> + <g transform="translate(3 5)"><svg id="TRIANGLE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <g transform="translate(9 33.5)"> + + <polyline class="output-label" points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> + </g> + </g> + <g transform="translate(98 0)"> + <g transform="translate(3 5)"><svg id="SINE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + + <g transform="translate(9 33.5)"> + + <path class="output-label" d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#ddd" fill="none"/> + <path class="output-label" d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#ddd" fill="none"/> + </g> + </g> + </g> + </g> +</svg> diff --git a/res-pp/VCO-pp.svg b/res-pp/VCO-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-fm-vco" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </symbol> @@ -201,13 +199,11 @@ text.input-label, text.output-label { </g> <g transform="translate(36 141)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -250,31 +246,31 @@ text.input-label, text.output-label { <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> @@ -346,7 +342,7 @@ text.input-label, text.output-label { <g transform="translate(9 33.5)"> - <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(108 0)"> @@ -359,7 +355,7 @@ text.input-label, text.output-label { <g transform="translate(9 33.5)"> - <polyline points="0,8 12,0 12,8" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,8 12,0 12,8" stroke-width="1" fill="none"/> </g> </g> @@ -392,7 +388,7 @@ text.input-label, text.output-label { <g transform="translate(9 33.5)"> - <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(98 0)"> @@ -405,8 +401,8 @@ text.input-label, text.output-label { <g transform="translate(9 33.5)"> - <path d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> - <path d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> + <path class="output-label" d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> + <path class="output-label" d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> </g> </g> </g> diff --git a/res-pp/VU-dark-pp.svg b/res-pp/VU-dark-pp.svg @@ -0,0 +1,224 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="vu-vu" viewBox="0 0 18px 180px"> + + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 0)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 15)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 30)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 30)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 45)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 45)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 60)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 60)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 75)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 75)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 90)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 90)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 105)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 105)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 120)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 120)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 135)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 135)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 150)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 150)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 165)"/> + <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 165)"/> + </symbol> + + <symbol id="guide-db-vu" viewBox="0 0 20px 183px"> + <g transform="translate(0 15)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">6</text> + </g> + <g transform="translate(0 30)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text> + </g> + <g transform="translate(0 45)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text> + </g> + <g transform="translate(0 60)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text> + </g> + <g transform="translate(0 90)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text> + </g> + <g transform="translate(0 120)"> + + + + </g> + <g transform="translate(0 150)"> + <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text> + </g> + <g transform="translate(0 170)"> + <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-9 4.5)">dB</text> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">VU</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 18)"> + <use id="VU_WIDGET" xlink:href="#vu-vu" transform="translate(13.5 -1)" href="#vu-vu"/> + <use xlink:href="#guide-db-vu" transform="translate(0 -1)" href="#guide-db-vu"/> + </g> + + <g transform="translate(0 200)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="70" rx="5"/> + <g transform="translate(5 3)"><svg id="L_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(15 35)">L</text> + <g transform="translate(5 38)"><svg id="R_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="0.5px" transform="translate(9 70)">R (L)</text> + </g> + <g class="io-group" transform="translate(5.5 76)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="70" rx="5"/> + <g transform="translate(5 0)"><svg id="L_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 32)">L</text> + <g transform="translate(5 35)"><svg id="R_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 67)">R</text> + </g> + </g> +</svg> diff --git a/res-pp/VU-pp.svg b/res-pp/VU-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> @@ -131,7 +129,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">VU</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-pp/Walk-dark-pp.svg b/res-pp/Walk-dark-pp.svg @@ -0,0 +1,229 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">WALK</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(10 0)">RATE</text> + <g transform="translate(0 3.5)"><svg id="RATE_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(0 3)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 4,0" stroke-width="1.0" transform="rotate(-240) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(17 0)"/> + </g> + </g> + </g> + + <g transform="translate(0 82)"> + <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">OFFSET</text> + <g transform="translate(14.5 9)"><svg id="OFFSET_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -3)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(0 121)"> + <text font-size="6pt" letter-spacing="2.0px" transform="translate(5.5 0)">SCALE</text> + <g transform="translate(14.5 9)"><svg id="SCALE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2.5 -3)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(0 157)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 133)"/> + <rect class="input-background" width="34" height="140" rx="5"/> + <g transform="translate(5 3)"><svg id="RATE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6 35)">RATE</text> + <g transform="translate(5 38)"><svg id="OFFSET_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="1.2px" transform="translate(2 70)">OFFSET</text> + <g transform="translate(5 73)"><svg id="SCALE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(2.5 105)">SCALE</text> + <g transform="translate(5 108)"><svg id="JUMP_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5 140)">JUMP</text> + </g> + <g class="io-group" transform="translate(5.5 146)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> + </g> + </g> +</svg> diff --git a/res-pp/Walk-pp.svg b/res-pp/Walk-pp.svg @@ -36,21 +36,19 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> @@ -66,7 +64,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">WALK</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> @@ -85,16 +83,16 @@ text.input-label, text.output-label { <g transform="translate(0 3)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 4,0" stroke-width="1.0" transform="rotate(-240) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(17 0)"/> </g> </g> </g> @@ -110,13 +108,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 -3)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -132,13 +128,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2.5 -3)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> diff --git a/res-pp/Walk2-dark-pp.svg b/res-pp/Walk2-dark-pp.svg @@ -0,0 +1,381 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="210" height="380" viewBox="0 0 210 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + + + <rect class="module-background background-fill" width="210.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 209.0,1 209.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 209.5,0.5 209.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 210.0,0 210.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(105.0 19)">WALK2</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(105.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(89.5 -5)"/> + </g> + + + <g transform="translate(10 25)"> + <svg id="DISPLAY_WIDGET"> + <rect cx="0" cy="0" width="190" height="190" fill="#444"/> + </svg> + </g> + + <g transform="translate(0 227)"> + <g transform="translate(6 0)"> + <text font-size="8pt" transform="translate(45 0)">X</text> + <polyline points="0,0 30,0" stroke-width="1" fill="none" transform="translate(13 -4)"/> + <polyline points="0,0 30,0" stroke-width="1" fill="none" transform="translate(53 -4)"/> + </g> + <g transform="translate(111 0)"> + <text font-size="8pt" transform="translate(40 0)">Y</text> + <polyline points="0,0 30,0" stroke-width="1" fill="none" transform="translate(8 -4)"/> + <polyline points="0,0 30,0" stroke-width="1" fill="none" transform="translate(48 -4)"/> + </g> + </g> + + <g transform="translate(12 235)"> + <g transform="translate(-2 0)"> + <text font-size="7pt" letter-spacing="1.5px" transform="translate(9 33.5) rotate(270)">RATE</text> + <g transform="translate(10 -3)"><svg id="RATE_X_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(8 -3)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 4,0" stroke-width="1.0" transform="rotate(-240) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(17 0)"/> + </g> + </g> + </g> + + <g transform="translate(145.5 235)"> + <g transform="translate(-2 0)"> + <text font-size="7pt" letter-spacing="1.5px" transform="translate(47 5) rotate(90)">RATE</text> + <g transform="translate(0 -3)"><svg id="RATE_Y_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(-2 -3)"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 4,0" stroke-width="1.0" transform="rotate(-240) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(17 0)"/> + </g> + </g> + </g> + + <g transform="translate(105 234)"> + <text font-size="7pt" letter-spacing="2px" transform="translate(3.3 17) rotate(270)">OFF</text> + + <g transform="translate(-30 0)"><svg id="OFFSET_X_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-42 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <g transform="translate(14 0)"><svg id="OFFSET_Y_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g transform="translate(105 262.5)"> + <text font-size="7pt" letter-spacing="2px" transform="translate(3.3 17) rotate(270)">SCL</text> + + <g transform="translate(-30 0)"><svg id="SCALE_X_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(-42 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <g transform="translate(14 0)"><svg id="SCALE_Y_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <g transform="translate(2 -12)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + </g> + + <g class="io-group" transform="translate(7 281)"> + <rect class="input-background" width="62" height="79" rx="5"/> + <rect class="output-background" width="22" height="40" rx="5" transform="translate(40 39)"/> + <rect class="output-background-filler" width="20" height="40" transform="translate(31 39)"/> + <rect class="output-background-filler" width="31" height="20" transform="translate(31 39)"/> + <g transform="translate(3.5 3)"><svg id="OFFSET_X_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <g transform="translate(34.5 3)"><svg id="SCALE_X_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(6 36)">OFF</text> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(37.5 36)">SCL</text> + <g transform="translate(3.5 42)"><svg id="RATE_X_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text> + <g transform="translate(34.5 42)"><svg id="OUT_X_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text> + </g> + + <g class="io-group" transform="translate(142 281)"> + <rect class="input-background" width="62" height="79" rx="5"/> + <rect class="output-background" width="22" height="40" rx="5" transform="translate(40 39)"/> + <rect class="output-background-filler" width="20" height="40" transform="translate(31 39)"/> + <rect class="output-background-filler" width="31" height="20" transform="translate(31 39)"/> + <g transform="translate(3.5 3)"><svg id="OFFSET_Y_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(6 36)">OFF</text> + <g transform="translate(34.5 3)"><svg id="SCALE_Y_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(37.5 36)">SCL</text> + <g transform="translate(3.5 42)"><svg id="RATE_Y_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text> + <g transform="translate(34.5 42)"><svg id="OUT_Y_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text> + </g> + + <g class="io-group" transform="translate(74.5 288)"> + <rect class="input-background" width="61" height="40" rx="5"/> + <rect class="output-background" width="22" height="40" rx="5" transform="translate(40)"/> + <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> + <g transform="translate(3.5 3)"><svg id="JUMP_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(4 36)">TRIG</text> + <g transform="translate(34.5 3)"><svg id="DISTANCE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(35.5 36)">DIST</text> + </g> + + <g transform="translate(96 332)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(-10 24.5) rotate(-90)">TRIG</text> + <g transform="translate(2 0)"> + <g transform="translate(-7.5 1)"><svg id="JUMP_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(1 6.7)">JUMP</text> + </g> + <g transform="translate(2 10)"> + <g transform="translate(-7.5 1)"><svg id="SAMPLEHOLD_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">S&amp;H</text> + </g> + <g transform="translate(2 20)"> + <g transform="translate(-7.5 1)"><svg id="TRACKHOLD_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(1 6.7)">T&amp;H</text> + </g> + <g transform="translate(26 9.7)"><svg id="JUMP_MODE_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> +</svg> diff --git a/res-pp/Walk2-pp.svg b/res-pp/Walk2-pp.svg @@ -36,29 +36,21 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> - <defs> - <symbol id="display-walk2" viewBox="0 0 190px 190px"> - <rect cx="0" cy="0" width="190" height="190" fill="#222"/> - </symbol> - </defs> - <rect class="module-background background-fill" width="210.0" height="380.0"/> @@ -75,18 +67,10 @@ text.input-label, text.output-label { </g> - - - - - - - - - - <g transform="translate(10 25)"> - <use id="DISPLAY_WIDGET" xlink:href="#display-walk2" href="#display-walk2"/> + <svg id="DISPLAY_WIDGET"> + <rect cx="0" cy="0" width="190" height="190" fill="#444"/> + </svg> </g> <g transform="translate(0 227)"> @@ -116,16 +100,16 @@ text.input-label, text.output-label { <g transform="translate(8 -3)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 4,0" stroke-width="1.0" transform="rotate(-240) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(17 0)"/> </g> </g> </g> @@ -144,16 +128,16 @@ text.input-label, text.output-label { <g transform="translate(-2 -3)"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 4,0" stroke-width="1.0" transform="rotate(-240) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(17 0)"/> </g> </g> </g> @@ -170,13 +154,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(-42 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -189,13 +171,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -212,13 +192,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(-42 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -231,13 +209,11 @@ text.input-label, text.output-label { </svg></g> <g transform="translate(2 -12)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> </g> @@ -260,21 +236,21 @@ text.input-label, text.output-label { </g> </svg></g> <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(6 36)">OFF</text> - <text font-size="6pt" letter-spacing="1.5px" transform="translate(37.5 36)">SCL</text> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(37.5 36)">SCL</text> <g transform="translate(3.5 42)"><svg id="RATE_X_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text> <g transform="translate(34.5 42)"><svg id="OUT_X_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text> - <text font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text> </g> <g class="io-group" transform="translate(142 281)"> @@ -288,28 +264,28 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(6 36)">OFF</text> <g transform="translate(34.5 3)"><svg id="SCALE_Y_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> - <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(6 36)">OFF</text> - <text font-size="6pt" letter-spacing="1.5px" transform="translate(37.5 36)">SCL</text> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(37.5 36)">SCL</text> <g transform="translate(3.5 42)"><svg id="RATE_Y_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text> <g transform="translate(34.5 42)"><svg id="OUT_Y_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text> - <text font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text> </g> <g class="io-group" transform="translate(74.5 288)"> @@ -322,14 +298,14 @@ text.input-label, text.output-label { <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(4 36)">TRIG</text> <g transform="translate(34.5 3)"><svg id="DISTANCE_OUTPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> </g> </svg></g> - <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(4 36)">TRIG</text> - <text font-size="6pt" letter-spacing="1.5px" transform="translate(35.5 36)">DIST</text> + <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(35.5 36)">DIST</text> </g> <g transform="translate(96 332)"> diff --git a/res-pp/XCO-dark-pp.svg b/res-pp/XCO-dark-pp.svg @@ -0,0 +1,756 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="300" height="380" viewBox="0 0 300 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-fm-xco" viewBox="0 0 50px 50px"> + <g transform="translate(25 25)"> + <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="300.0" height="380.0"/> + + + <polyline class="module-border-inner" points="1,1 299.0,1 299.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> + <polyline class="module-border-middle" points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> + <polyline class="module-border-outer" points="0,0 300.0,0 300.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> + + <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(150.0 19)">XCO</text> + <g transform="translate(0 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(150.0 0)">BOGAUDIO</text> + <rect class="background-fill" width="3" height="3" transform="translate(134.5 -5)"/> + </g> + + + <g transform="translate(20 25)"> + + + + <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM"> + <g transform="translate(34 34)"> + <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(20 25)"> + <g transform="translate(54 54)"> + <g transform="rotate(-240) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-6 3)">-3</text> + </g> + <g transform="rotate(-220.56) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-206.667) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(206.667) translate(-5.5 3)">-2</text> + </g> + <g transform="rotate(-187.23) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-173.333) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(173.333) translate(-4 3)">-1</text> + </g> + <g transform="rotate(-153.89) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-140) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" letter-spacing="1px" transform="translate(16 0) rotate(140) translate(-6 3.5)">0V</text> + </g> + <g transform="rotate(-120.56) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-106.667) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(106.667) translate(-2.7 3)">1</text> + </g> + <g transform="rotate(-87.23) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-73.33) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(73.333) translate(-2.7 3)">2</text> + </g> + <g transform="rotate(-53.89) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-40) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(40) translate(-2.7 3)">3</text> + </g> + <g transform="rotate(-20.56) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(-6.667) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(6.667) translate(-2.7 3)">4</text> + </g> + <g transform="rotate(12.77) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(26.667) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(-26.667) translate(-2.7 3)">5</text> + </g> + <g transform="rotate(46.11) translate(34 0)"> + <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/> + </g> + + <g transform="rotate(60) translate(34 0)"> + <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> + <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text> + </g> + </g> + </g> + + <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text> + + + <g transform="translate(34 153)"> + + + + + <text font-size="8pt" letter-spacing="2px" transform="translate(0 22) rotate(270)">FINE</text> + <g transform="translate(13 0)"><svg id="FINE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + + </g> + <g transform="translate(35 141)"> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ddd" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <g transform="translate(72 158.5)"> + <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SLOW</text> + <g transform="translate(40 -1.3)"><svg id="SLOW_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(31 194)"> + <g transform="translate(4 0)"> + + <text font-size="8pt" letter-spacing="2px" transform="translate(9 27) rotate(270)">FM</text> + <g transform="translate(20 0)"><svg id="FM_DEPTH_PARAM"> + <g transform="translate(19 19)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + </g> + + <g class="io-group" transform="translate(-19 52)"> + <rect class="input-background" width="71" height="47" rx="5" transform="translate(10 0)"/> + <g transform="translate(10 0)"> + + <g transform="translate(7 5)"><svg id="FM_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(11 40)">FM</text> + </g> + <g transform="translate(47 0)"> + + <g transform="translate(3 5)"><svg id="FM_DEPTH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0 40)">DEPTH</text> + </g> + </g> + <g transform="translate(63 52)"> + + <g transform="translate(8 9)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1 -1)">EXP</text> + <g transform="translate(0 2)"><svg id="FM_TYPE_PARAM"> + <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> + <rect width="14px" height="12px" stroke-width="0" fill="#000"/> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(0 34)">LIN</text> + </g> + </g> + </g> + <use xlink:href="#dial-fm-xco" transform="translate(49 188)" href="#dial-fm-xco"/> + + + + + <rect class="output-background" width="193" height="47" rx="5" transform="translate(97 313)"/> + + <g class="io-group" transform="translate(140 30)"> + <rect class="input-background" width="30" height="330" rx="5"/> + + + + + + <g transform="translate(9 6)"> + + <polyline class="input-label" points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> + </g> + <g transform="translate(3 30)"> + <g transform="translate(4 0)"><svg id="SQUARE_PW_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5 30)">PW</text> + <g transform="translate(0 35)"><svg id="SQUARE_PW_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(3 118)"> + <g transform="translate(4 0)"><svg id="SQUARE_PHASE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> + <g transform="translate(0 35)"><svg id="SQUARE_PHASE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(3 207)"> + <g transform="translate(4 0)"><svg id="SQUARE_MIX_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> + <g transform="translate(0 35)"><svg id="SQUARE_MIX_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(0 288)"> + <rect class="output-background-filler" width="32" height="5" transform="translate(-1 -5)"/> + <rect class="output-background" width="32" height="47" rx="5" transform="translate(-1 -5)"/> + <g transform="translate(3 0)"> + <g transform="translate(0 0)"><svg id="SQUARE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text> + </g> + </g> + </g> + <g transform="translate(135 48)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(135 136)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(135 225)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <g class="io-group" transform="translate(180 30)"> + <rect class="input-background" width="30" height="330" rx="5"/> + + + + + + <g transform="translate(9 6)"> + + <polyline class="input-label" points="0,8 12,0 12,8" stroke-width="1" fill="none"/> + </g> + <g transform="translate(3 30)"> + <g transform="translate(4 0)"><svg id="SAW_SATURATION_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">SAT</text> + <g transform="translate(0 35)"><svg id="SAW_SATURATION_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(3 118)"> + <g transform="translate(4 0)"><svg id="SAW_PHASE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> + <g transform="translate(0 35)"><svg id="SAW_PHASE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(3 207)"> + <g transform="translate(4 0)"><svg id="SAW_MIX_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> + <g transform="translate(0 35)"><svg id="SAW_MIX_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(0 288)"> + <rect class="output-background-filler" width="32" height="5" transform="translate(-1 -5)"/> + <rect class="output-background" width="32" height="47" rx="5" transform="translate(-1 -5)"/> + <g transform="translate(3 0)"> + <g transform="translate(0 0)"><svg id="SAW_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text> + </g> + </g> + </g> + <g transform="translate(175 48)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(175 136)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(175 225)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <g class="io-group" transform="translate(220 30)"> + <rect class="input-background" width="30" height="330" rx="5"/> + + + + + + <g transform="translate(9 6)"> + + <polyline class="input-label" points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> + </g> + <g transform="translate(3 30)"> + <g transform="translate(4 0)"><svg id="TRIANGLE_SAMPLE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(1.5 30)">SAM</text> + <g transform="translate(0 35)"><svg id="TRIANGLE_SAMPLE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(3 118)"> + <g transform="translate(4 0)"><svg id="TRIANGLE_PHASE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> + <g transform="translate(0 35)"><svg id="TRIANGLE_PHASE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(3 207)"> + <g transform="translate(4 0)"><svg id="TRIANGLE_MIX_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> + <g transform="translate(0 35)"><svg id="TRIANGLE_MIX_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(0 288)"> + <rect class="output-background-filler" width="32" height="5" transform="translate(-1 -5)"/> + <rect class="output-background" width="32" height="47" rx="5" transform="translate(-1 -5)"/> + <g transform="translate(3 0)"> + <g transform="translate(0 0)"><svg id="TRIANGLE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text> + </g> + </g> + </g> + <g transform="translate(215 48)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(215 136)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(215 225)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + + <g class="io-group" transform="translate(260 30)"> + <rect class="input-background" width="30" height="330" rx="5"/> + + + + + + <g transform="translate(9 6)"> + + <path class="input-label" d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> + <path class="input-label" d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> + </g> + <g transform="translate(3 30)"> + <g transform="translate(4 0)"><svg id="SINE_FEEDBACK_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0.5 30)">FDBK</text> + <g transform="translate(0 35)"><svg id="SINE_FEEDBACK_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(3 118)"> + <g transform="translate(4 0)"><svg id="SINE_PHASE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> + <g transform="translate(0 35)"><svg id="SINE_PHASE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g transform="translate(3 207)"> + <g transform="translate(4 0)"><svg id="SINE_MIX_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> + <g transform="translate(0 35)"><svg id="SINE_MIX_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + </g> + <g class="io-group" transform="translate(0 288)"> + <rect class="output-background-filler" width="31" height="5" transform="translate(-1 -5)"/> + <rect class="output-background" width="31" height="47" rx="5" transform="translate(-1 -5)"/> + <g transform="translate(3 0)"> + <g transform="translate(0 0)"><svg id="SINE_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text> + </g> + </g> + </g> + <g transform="translate(255 48)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(255 136)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + <g transform="translate(255 225)"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </g> + + + <g class="io-group" transform="translate(0 313)"> + <rect class="input-background" width="71" height="47" rx="5" transform="translate(10 0)"/> + <g transform="translate(10 0)"> + + <g transform="translate(7 5)"><svg id="PITCH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(5 40)">V/OCT</text> + </g> + <g transform="translate(47 0)"> + + <g transform="translate(3 5)"><svg id="SYNC_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text> + </g> + <g transform="translate(100 0)"> + + <g transform="translate(3 5)"><svg id="MIX_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 40)">MIX</text> + </g> + </g> +</svg> diff --git a/res-pp/XCO-pp.svg b/res-pp/XCO-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-fm-xco" viewBox="0 0 50px 50px"> <g transform="translate(25 25)"> <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-210) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-180) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-150) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-120) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-90) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-60) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-30) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(0) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> </g> </symbol> @@ -200,13 +198,11 @@ text.input-label, text.output-label { </g> <g transform="translate(35 141)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -254,16 +250,16 @@ text.input-label, text.output-label { </svg></g> <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0 40)">DEPTH</text> </g> - <g transform="translate(82 0)"> - - <g transform="translate(8 9)"> - <text font-size="5pt" letter-spacing="2px" transform="translate(-1 -1)">EXP</text> - <g transform="translate(0 2)"><svg id="FM_TYPE_PARAM"> + </g> + <g transform="translate(63 52)"> + + <g transform="translate(8 9)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1 -1)">EXP</text> + <g transform="translate(0 2)"><svg id="FM_TYPE_PARAM"> <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> <rect width="14px" height="12px" stroke-width="0" fill="#000"/> </svg></g> - <text font-size="5pt" letter-spacing="2px" transform="translate(0 34)">LIN</text> - </g> + <text font-size="5pt" letter-spacing="2px" transform="translate(0 34)">LIN</text> </g> </g> </g> @@ -283,7 +279,7 @@ text.input-label, text.output-label { <g transform="translate(9 6)"> - <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> + <polyline class="input-label" points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> </g> <g transform="translate(3 30)"> <g transform="translate(4 0)"><svg id="SQUARE_PW_PARAM"> @@ -293,7 +289,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="6pt" letter-spacing="2px" transform="translate(5 30)">PW</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5 30)">PW</text> <g transform="translate(0 35)"><svg id="SQUARE_PW_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -309,7 +305,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> <g transform="translate(0 35)"><svg id="SQUARE_PHASE_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -325,7 +321,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> <g transform="translate(0 35)"><svg id="SQUARE_MIX_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -349,35 +345,29 @@ text.input-label, text.output-label { </g> <g transform="translate(135 48)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(135 136)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(135 225)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -390,7 +380,7 @@ text.input-label, text.output-label { <g transform="translate(9 6)"> - <polyline points="0,8 12,0 12,8" stroke-width="1" fill="none"/> + <polyline class="input-label" points="0,8 12,0 12,8" stroke-width="1" fill="none"/> </g> <g transform="translate(3 30)"> <g transform="translate(4 0)"><svg id="SAW_SATURATION_PARAM"> @@ -400,7 +390,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">SAT</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">SAT</text> <g transform="translate(0 35)"><svg id="SAW_SATURATION_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -416,7 +406,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> <g transform="translate(0 35)"><svg id="SAW_PHASE_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -432,7 +422,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> <g transform="translate(0 35)"><svg id="SAW_MIX_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -456,35 +446,29 @@ text.input-label, text.output-label { </g> <g transform="translate(175 48)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(175 136)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(175 225)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -497,7 +481,7 @@ text.input-label, text.output-label { <g transform="translate(9 6)"> - <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> + <polyline class="input-label" points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> </g> <g transform="translate(3 30)"> <g transform="translate(4 0)"><svg id="TRIANGLE_SAMPLE_PARAM"> @@ -507,7 +491,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="6pt" letter-spacing="2px" transform="translate(1.5 30)">SAM</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(1.5 30)">SAM</text> <g transform="translate(0 35)"><svg id="TRIANGLE_SAMPLE_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -523,7 +507,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> <g transform="translate(0 35)"><svg id="TRIANGLE_PHASE_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -539,7 +523,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> <g transform="translate(0 35)"><svg id="TRIANGLE_MIX_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -563,35 +547,29 @@ text.input-label, text.output-label { </g> <g transform="translate(215 48)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(215 136)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(215 225)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> @@ -604,8 +582,8 @@ text.input-label, text.output-label { <g transform="translate(9 6)"> - <path d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> - <path d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> + <path class="input-label" d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> + <path class="input-label" d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> </g> <g transform="translate(3 30)"> <g transform="translate(4 0)"><svg id="SINE_FEEDBACK_PARAM"> @@ -615,7 +593,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="6pt" letter-spacing="1px" transform="translate(0.5 30)">FDBK</text> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0.5 30)">FDBK</text> <g transform="translate(0 35)"><svg id="SINE_FEEDBACK_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -631,7 +609,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> <g transform="translate(0 35)"><svg id="SINE_PHASE_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -647,7 +625,7 @@ text.input-label, text.output-label { <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> </g> </svg></g> - <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> <g transform="translate(0 35)"><svg id="SINE_MIX_INPUT"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -671,35 +649,29 @@ text.input-label, text.output-label { </g> <g transform="translate(255 48)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(255 136)"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> <g transform="translate(255 225)"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </g> diff --git a/res-pp/XFade-dark-pp.svg b/res-pp/XFade-dark-pp.svg @@ -0,0 +1,237 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380"> + <style>text { + fill: #333; + font-family: 'Roboto', sans-serif; + font-weight: bold; +} +text.title { + font-family: 'Comfortaa', sans-serif; + font-weight: normal; +} +text.brand { + font-family: 'Audiowide', sans-serif; + font-weight: bold; +} + +polyline { + stroke: #333; +} +path { + stroke: #333; +} + +rect.module-background, .background-fill { + fill: #ddd; +} +polyline.module-border-inner { + stroke: #e4e4e4; +} +polyline.module-border-middle { + stroke: #ebebeb; +} +polyline.module-border-outer { + stroke: #f2f2f2; +} + +g.io-group { +} +rect.input-background, rect.input-background-filler { + fill: #fafafa; +} +rect.output-background, rect.output-background-filler { + fill: #bbb; +} +text.input-label, text.output-label { + /* font-size: 6pt; */ +} +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} + + +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} +</style> + + <defs> + <symbol id="dial-mixab-xfade" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">A</text> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">B</text> + </g> + </symbol> + + <symbol id="dial-curve-xfade" viewBox="0 0 45px 45px"> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 2,0" stroke-width="1" transform="rotate(-180) translate(9.5 0)"/> + <g transform="rotate(-180) translate(16 0) rotate(180) translate(-2.5 -2.5)"> + + <polyline points="0,0 2.5,5" stroke-width="1" stroke-linecap="round" fill="none" transform="translate(0 0)"/> + <polyline points="5,0 2.5,5" stroke-width="1" stroke-linecap="round" fill="none" transform="translate(0 0)"/> + </g> + + <polyline points="0,0 2,0" stroke-width="0.7" transform="rotate(-135) translate(9.5 0)"/> + + <polyline points="0,0 2,0" stroke-width="1" transform="rotate(-90) translate(9.5 0)"/> + <g transform="rotate(-90) translate(16 0) rotate(90) translate(-2.5 -2.5)"> + + <polyline points="0,0 5,5" stroke-width="1" stroke-linecap="round" fill="none" transform="translate(0 0)"/> + <polyline points="5,0 0,5" stroke-width="1" stroke-linecap="round" fill="none" transform="translate(0 0)"/> + </g> + + <polyline points="0,0 2,0" stroke-width="0.7" transform="rotate(-45) translate(9.5 0)"/> + + <polyline points="0,0 2,0" stroke-width="1" transform="rotate(0) translate(9.5 0)"/> + <g transform="rotate(0) translate(16 0) rotate(-0) translate(-2.5 -2.5)"> + + <polyline points="2.5,0 5,5" stroke-width="1" stroke-linecap="round" fill="none" transform="translate(0 0)"/> + <polyline points="2.5,0 0,5" stroke-width="1" stroke-linecap="round" fill="none" transform="translate(0 0)"/> + </g> + </g> + </symbol> + </defs> + + + + <rect class="module-background background-fill" width="45.0" height="380.0"/> + + + <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"/> + <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"/> + <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"/> + + <g transform="rotate(-90) translate(-376.0 13)"> + <text class="title" font-size="7pt" letter-spacing="2.5px">XFADE</text> + <g transform="translate(0 12)"> + <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + + <g transform="translate(0 25)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(14 0)">MIX</text> + <g transform="translate(0 3)"><svg id="MIX_PARAM"> + <g transform="translate(22.5 22.5)"> + <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> + <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-mixab-xfade" transform="translate(0 3)" href="#dial-mixab-xfade"/> + <g class="io-group" transform="translate(5.5 49)"> + <rect class="input-background" width="34" height="38" rx="5"/> + <g transform="translate(5 3)"><svg id="MIX_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> + </g> + </g> + + <g transform="translate(0 135)"> + <text font-size="6pt" letter-spacing="1px" transform="translate(7.5 0)">SHAPE</text> + <g transform="translate(14.5 17.5)"><svg id="CURVE_PARAM"> + <g transform="translate(8 8)"> + <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> + <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> + <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + </g> + </svg></g> + <use xlink:href="#dial-curve-xfade" transform="translate(0 3)" href="#dial-curve-xfade"/> + </g> + + <g transform="translate(10.5 178)"> + <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">LIN</text> + <g transform="translate(15 -1)"><svg id="LINEAR_PARAM"> + <g transform="translate(4.5 4.5)"> + <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> + </g> + </svg></g> + </g> + + <g transform="translate(0 210)"> + <g class="io-group" transform="translate(5.5 0)"> + <rect class="input-background-filler" width="34" height="10" transform="translate(0 63)"/> + <rect class="input-background" width="34" height="70" rx="5"/> + <g transform="translate(5 3)"><svg id="A_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(15 35)">A</text> + <g transform="translate(5 38)"><svg id="B_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> + </g> + </svg></g> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(15 70)">B</text> + </g> + <g class="io-group" transform="translate(5.5 76)"> + <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/> + <rect class="output-background" width="34" height="35" rx="5"/> + <g transform="translate(5 0)"><svg id="OUT_OUTPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </g> + </svg></g> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">MIX</text> + </g> + </g> +</svg> diff --git a/res-pp/XFade-pp.svg b/res-pp/XFade-pp.svg @@ -36,36 +36,34 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} </style> <defs> <symbol id="dial-mixab-xfade" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">A</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">B</text> </g> </symbol> @@ -79,7 +77,7 @@ text.input-label, text.output-label { <polyline points="5,0 2.5,5" stroke-width="1" stroke-linecap="round" fill="none" transform="translate(0 0)"/> </g> - <polyline points="0,0 2,0" stroke-width="0.3" transform="rotate(-135) translate(9.5 0)"/> + <polyline points="0,0 2,0" stroke-width="0.7" transform="rotate(-135) translate(9.5 0)"/> <polyline points="0,0 2,0" stroke-width="1" transform="rotate(-90) translate(9.5 0)"/> <g transform="rotate(-90) translate(16 0) rotate(90) translate(-2.5 -2.5)"> @@ -88,7 +86,7 @@ text.input-label, text.output-label { <polyline points="5,0 0,5" stroke-width="1" stroke-linecap="round" fill="none" transform="translate(0 0)"/> </g> - <polyline points="0,0 2,0" stroke-width="0.3" transform="rotate(-45) translate(9.5 0)"/> + <polyline points="0,0 2,0" stroke-width="0.7" transform="rotate(-45) translate(9.5 0)"/> <polyline points="0,0 2,0" stroke-width="1" transform="rotate(0) translate(9.5 0)"/> <g transform="rotate(0) translate(16 0) rotate(-0) translate(-2.5 -2.5)"> @@ -113,7 +111,7 @@ text.input-label, text.output-label { <text class="title" font-size="7pt" letter-spacing="2.5px">XFADE</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> diff --git a/res-src/ADSR-src.svg b/res-src/ADSR-src.svg @@ -10,15 +10,15 @@ <text font-size="6.5pt" transform="translate(-2.8 3.3)">0</text> </g> </g> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(17 0)"/> </g> </symbol> diff --git a/res-src/AMRM-src.svg b/res-src/AMRM-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-rectify-amrm" viewBox="0 0 90px 90px"> <g transform="translate(45 45)"> <text font-size="6.0pt" transform="rotate(-240) translate(29 0) rotate(240) translate(-4 3)">0</text> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-210) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-180) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-150) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-120) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-90) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-60) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-30) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(0) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(30) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-210) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-180) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-150) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-120) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-90) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-60) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-30) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(0) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(30) translate(26 0)"/> <polyline points="0,0 5.5,0" stroke-width="1.5" transform="rotate(60) translate(26 0)"/> </g> </symbol> @@ -22,15 +22,15 @@ <symbol id="dial-drywet-amrm" viewBox="0 0 90px 90px"> <g transform="translate(45 45)"> <text font-size="6.0pt" transform="rotate(-240) translate(29 0) rotate(240) translate(-4 3)">D</text> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-210) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-180) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-150) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-120) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-210) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-180) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-150) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-120) translate(26 0)"/> <polyline points="0,0 5.5,0" stroke-width="1.5" transform="rotate(-90) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-60) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-30) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(0) translate(26 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(30) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-60) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-30) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(0) translate(26 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(30) translate(26 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(29 0) rotate(-60) translate(-1 3)">W</text> </g> </symbol> @@ -77,5 +77,5 @@ </g> </g> - <!-- <polyline points="0,0 45,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 73)" /> --> + <!-- <polyline points="0,0 45,0" stroke-width="0.7" stroke="#0f0" transform="translate(0 73)" /> --> </module> diff --git a/res-src/Additator-src.svg b/res-src/Additator-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-partials-additator" viewBox="0 0 70px 70px"> <g transform="translate(35 35)"> <text font-size="6.0pt" transform="rotate(-240) translate(25.5 0) rotate(240) translate(-2.5 2.5)">1</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-212.73) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-212.73) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-182.42) translate(25 0) rotate(182.42) translate(-7 2.8)">20</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-152.12) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-152.12) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-121.82) translate(25 0) rotate(121.82) translate(-7 2.5)">40</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-91.52) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-91.52) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-61.21) translate(25 0) rotate(61.21) translate(-3 2.5)">60</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-30.91) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30.91) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-0.61) translate(25 0) rotate(0.61) translate(-2.5 2.8)">80</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(29.7) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(29.7) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(25.5 0) rotate(-60) translate(-2 2.5)">100</text> </g> </symbol> diff --git a/res-src/AddrSeq-src.svg b/res-src/AddrSeq-src.svg @@ -6,33 +6,33 @@ <symbol id="dial-bipolar-addrseq" viewBox="0 0 40px 40px"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-225) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-210) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-195) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-180) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(10 0)"/> <polyline points="0,0 4.0,0" stroke-width="1.0" transform="rotate(-165) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-150) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-135) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-120) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-105) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(10 0)"/> <polyline points="0,0 5,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-75) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-45) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-30) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(10 0)"/> <polyline points="0,0 4,0" stroke-width="1.0" transform="rotate(-15) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(0) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(15) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(30) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(45) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(10 0)"/> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(10 0)"/> </g> </symbol> </defs> - <def xlink:href="#module6" var-name="ADDR-SEQ"/> + <def xlink:href="#module6" var-name="ADDR-SEQ" var-letterspacing="0.5"/> <g class="io-group" transform="translate(6.5 32)"> <rect class="input-background" width="34" height="39" rx="5"/> diff --git a/res-src/Analyzer-src.svg b/res-src/Analyzer-src.svg @@ -3,16 +3,12 @@ <style/> <defs> - <symbol id="display-analyzer" viewBox="0 0 280px 230px"> - <rect cx="0" cy="0" width="280" height="230" fill="#222"/> - </symbol> - <symbol id="dial-range-analyzer" viewBox="0 0 100px 100px"> <g transform="translate(50.5 50.5)"> - <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(15)"/> - <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(50)"/> - <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-15)"/> - <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-50)"/> + <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(15)"/> + <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(50)"/> + <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-15)"/> + <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-50)"/> <g transform="rotate(-90) translate(29 0)"> <polyline points="0,0 6,0" stroke-width="1.5"/> </g> @@ -27,31 +23,31 @@ </g> </g> <g transform="rotate(-210) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(30 0)"> - <polyline points="0,0 5,0" stroke-width="0.5"/> + <polyline points="0,0 5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(31 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -65,7 +61,7 @@ <def xlink:href="#module" var-name="ANALYZER"/> <g transform="translate(10 25)"> - <use id="DISPLAY_WIDGET" xlink:href="#display-analyzer"/> + <def id="DISPLAY_WIDGET" xlink:href="#display" var-width="280" var-height="230"/> </g> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 0)" /> --> @@ -80,9 +76,9 @@ <rect class="output-background" width="23" height="40" rx="5" transform="translate(40)"/> <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> <def id="SIGNALA_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> <def id="SIGNALA_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> </g> <g class="io-group" transform="translate(82.5 0)"> @@ -90,9 +86,9 @@ <rect class="output-background" width="23" height="40" rx="5" transform="translate(40)"/> <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> <def id="SIGNALB_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> <def id="SIGNALB_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> </g> <g class="io-group" transform="translate(155 0)"> @@ -100,9 +96,9 @@ <rect class="output-background" width="23" height="40" rx="5" transform="translate(40)"/> <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> <def id="SIGNALC_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> <def id="SIGNALC_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> </g> <g class="io-group" transform="translate(227 0)"> @@ -110,9 +106,9 @@ <rect class="output-background" width="23" height="40" rx="5" transform="translate(40)"/> <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> <def id="SIGNALD_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> <def id="SIGNALD_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text> </g> </g> diff --git a/res-src/AnalyzerXL-src.svg b/res-src/AnalyzerXL-src.svg @@ -1,5 +1,5 @@ <?xml version="1.0"?> -<module hp="42"> +<module hp="42" noskin="true"> <style/> <localstyle> text { @@ -11,12 +11,6 @@ } </localstyle> - <defs> - <symbol id="display-analyzerxl" viewBox="0 0 600px 380px"> - <rect cx="0" cy="0" width="600" height="380" fill="#222"/> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#000"/> <g transform="translate(0 375) rotate(-90)"> <text transform="translate(0 12.5)" letter-spacing="1">ANALYZER-XL</text> @@ -34,6 +28,6 @@ <def id="SIGNALH_INPUT" xlink:href="#input" transform="translate(0 238)"/> </g> - <use id="DISPLAY_WIDGET" xlink:href="#display-analyzerxl" transform="translate(30 0)"/> + <def id="DISPLAY_WIDGET" xlink:href="#display" var-width="600" var-height="380" transform="translate(30 0)"/> <!-- <rect cx="0" cy="0" width="600" height="380" fill="#555" transform="translate(30 0)" /> --> </module> diff --git a/res-src/CVD-src.svg b/res-src/CVD-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-mix-cvd" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">D</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">W</text> </g> </symbol> diff --git a/res-src/Cmp-src.svg b/res-src/Cmp-src.svg @@ -17,31 +17,31 @@ <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(21 0) rotate(240) translate(-5 2.2)">-10</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-165) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(-90) translate(19 0) rotate(90) translate(-1.9 2.2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-15) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(21 0) rotate(-60) translate(-4 2.2)">10</text> </g> @@ -50,16 +50,16 @@ <symbol id="dial-lag-cmp" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(-145.13) translate(20.5 0) rotate(145.13) translate(-4.7 2.2)">0.1</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105.84) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75.86) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-50.26) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105.84) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.86) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-50.26) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-27.87) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-7.62) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(11) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(28.33) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(44.6) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-7.62) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(11) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(28.33) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(44.6) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-1.8 2.2)">1</text> </g> </symbol> @@ -126,15 +126,15 @@ <rect class="output-background" width="68" height="77" rx="5"/> <def id="GREATER_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> <g transform="translate(9 36.5)"> - <text font-size="5pt" transform="translate(0 0)">A</text> - <text font-size="8pt" style="font-weight: normal" transform="translate(6 0.5)">&#x2265;</text> - <text font-size="5pt" transform="translate(13 0)">B</text> + <text class="output-label" font-size="5pt" transform="translate(0 0)">A</text> + <text class="output-label" font-size="8pt" style="font-weight: normal" transform="translate(6 0.5)">&#x2265;</text> + <text class="output-label" font-size="5pt" transform="translate(13 0)">B</text> </g> <def id="LESS_OUTPUT" xlink:href="#output" transform="translate(39 4)"/> <g transform="translate(43 36.5)"> - <text font-size="5pt" transform="translate(0 0)">A</text> - <text font-size="8pt" style="font-weight: normal" transform="translate(6 1)">&lt;</text> - <text font-size="5pt" transform="translate(13 0)">B</text> + <text class="output-label" font-size="5pt" transform="translate(0 0)">A</text> + <text class="output-label" font-size="8pt" style="font-weight: normal" transform="translate(6 1)">&lt;</text> + <text class="output-label" font-size="5pt" transform="translate(13 0)">B</text> </g> <def id="EQUAL_OUTPUT" xlink:href="#output" transform="translate(5 40)"/> <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(12 72)">EQ</text> diff --git a/res-src/CmpDist-src.svg b/res-src/CmpDist-src.svg @@ -7,27 +7,27 @@ <g transform="translate(22.5 22.5)"> <text font-size="7pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.2 2.2)">-</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-165) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(17 0)"/> <text font-size="5pt" transform="rotate(-90) translate(20 0) rotate(90) translate(-1.9 3)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-15) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(17 0)"/> <text font-size="5pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">+</text> </g> @@ -36,15 +36,15 @@ <symbol id="dial-drywet-cmpdist" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2.5 3)">D</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> <polyline points="0,0 4.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 3)">W</text> </g> </symbol> diff --git a/res-src/DADSRHPlus-src.svg b/res-src/DADSRHPlus-src.svg @@ -6,11 +6,11 @@ <g class="io-group" transform="translate(149 26)"> <rect class="input-background" width="30" height="323" rx="5"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text> </g> <g class="io-group" transform="translate(186 26)"> <rect class="output-background" width="30" height="267" rx="5"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text> </g> <g transform="translate(9 33)"> diff --git a/res-src/Detune-src.svg b/res-src/Detune-src.svg @@ -9,31 +9,31 @@ <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">50</text> diff --git a/res-src/EQ-src.svg b/res-src/EQ-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-eq-eq" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-6 3)">-36</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-215) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-215) translate(17 0)"/> <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-190) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-165) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-165) translate(17 0)"/> <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-140) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-115) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-115) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(-90) translate(20 0) rotate(90) translate(-1.9 3)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-52.5) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(17 0)"/> <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-15) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(22.5) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-3.5 3)">12</text> <text font-size="5.0pt" transform="rotate(90) translate(20 0) rotate(-90) translate(-4 3)">dB</text> </g> diff --git a/res-src/EQS-src.svg b/res-src/EQS-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-eq-eqs" viewBox="0 0 70px 70px"> <g transform="translate(35 35)"> <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-36</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-215) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-215) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-190) translate(25 0) rotate(190) translate(-10 2.5)">-24</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-165) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-165) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-140) translate(25 0) rotate(140) translate(-10 2.5)">-12</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-115) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-115) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-90) translate(25 0) rotate(90) translate(-2.3 2.5)">0</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-52.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-52.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-15) translate(25 0) rotate(15) translate(-3 2.5)">6</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(22.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">12</text> <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> </g> diff --git a/res-src/Edge-src.svg b/res-src/Edge-src.svg @@ -9,79 +9,79 @@ <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-225) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-210) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-195) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-165) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-150) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-135) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-105) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(17 0)"> - <!-- <polyline points="0,0 4,0" stroke-width="0.5" /> --> + <!-- <polyline points="0,0 4,0" stroke-width="0.7" /> --> <g transform="translate(2.4 0) rotate(90)"> <text font-size="5pt" transform="translate(-1.9 2)">0</text> </g> </g> <g transform="rotate(-75) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-45) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-15) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(0) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(15) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(45) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-225) translate(22 0)"> - <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <polyline points="-10,0 10,0" stroke-width="0.7" stroke="#0f0" /> --> <g transform="translate(2.5 0) rotate(225)"> <text font-size="5pt" transform="translate(-3 7)">-10</text> </g> </g> <g transform="rotate(45) translate(22 0)"> - <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <polyline points="-10,0 10,0" stroke-width="0.7" stroke="#0f0" /> --> <g transform="translate(2.5 0) rotate(-45)"> <text font-size="5pt" transform="translate(-7 7)">10</text> </g> @@ -91,16 +91,16 @@ <symbol id="dial-hold-edge" viewBox="0 0 40px 40px"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-240) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-240) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(15 0) rotate(240) translate(-3.5 2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-172.92) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-145.13) translate(10 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-145.13) translate(10 0)"/> <text font-size="5.0pt" transform="rotate(-145.13) translate(18 0) rotate(145.13) translate(-2 2.2)">0.1</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-27.87) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.87) translate(10 0)"/> <text font-size="5.0pt" transform="rotate(-27.87) translate(15 0) rotate(27.87) translate(-5 0)">0.5</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> <text font-size="5pt" letter-spacing="1" transform="rotate(60) translate(15 0) rotate(-60) translate(-0.5 2)">1s</text> </g> </symbol> diff --git a/res-src/EightFO-src.svg b/res-src/EightFO-src.svg @@ -41,10 +41,10 @@ <g transform="rotate(-90) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1"/> </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </symbol> </defs> @@ -161,7 +161,7 @@ <def id="PHASE1_INPUT" xlink:href="#input" transform="translate(0 240)"/> <def id="PHASE0_INPUT" xlink:href="#input" transform="translate(0 280)"/> </g> - <text font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text> </g> <g class="io-group" transform="translate(215 32)"> @@ -177,7 +177,7 @@ <def id="PHASE1_OUTPUT" xlink:href="#output" transform="translate(0 240)"/> <def id="PHASE0_OUTPUT" xlink:href="#output" transform="translate(0 280)"/> </g> - <text font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text> </g> <!-- <polyline points="0,0 0,360" stroke="#0f0" stroke-width="1" fill="none" transform="translate(135 0)" /> --> diff --git a/res-src/EightOne-src.svg b/res-src/EightOne-src.svg @@ -6,7 +6,7 @@ <g class="io-group" transform="translate(6.5 32)"> <rect class="input-background" width="34" height="337" rx="5" transform="translate(0 -9)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">IN</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">IN</text> <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">1</text> diff --git a/res-src/FMOp-src.svg b/res-src/FMOp-src.svg @@ -57,34 +57,34 @@ <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-172.92) translate(15 0)"> - <polyline points="0,0 1.5,0" stroke-width="0.3"/> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(145.13) translate(-2.2 2.2)">1</text> </g> <g transform="rotate(-105.84) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-75.68) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(27.87) translate(-2.2 2.2)">5</text> </g> <g transform="rotate(-7.62) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(16 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-5 2.2)">10</text> diff --git a/res-src/FlipFlop-src.svg b/res-src/FlipFlop-src.svg @@ -2,7 +2,7 @@ <module hp="3"> <style/> - <def xlink:href="#module3" var-name="FLIPFLOP"/> + <def xlink:href="#module3" var-name="FLIPFLOP" var-letterspacing="1.5"/> <g transform="translate(0 18)"> <g class="io-group" transform="translate(5.5 0)"> diff --git a/res-src/Follow-src.svg b/res-src/Follow-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-response-follow" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(17 0)"/> </g> </symbol> @@ -22,15 +22,15 @@ <symbol id="dial-scale-follow" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="8pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 3)">-</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="6pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">+</text> </g> </symbol> @@ -75,5 +75,5 @@ </g> </g> - <!-- <polyline points="0,0 45,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 73)" /> --> + <!-- <polyline points="0,0 45,0" stroke-width="0.7" stroke="#0f0" transform="translate(0 73)" /> --> </module> diff --git a/res-src/FourMan-src.svg b/res-src/FourMan-src.svg @@ -9,7 +9,7 @@ <rect class="input-background-filler" width="34" height="10" transform="translate(0 25)"/> <rect class="input-background" width="34" height="33" rx="5"/> <def id="TRIGGER1_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> <g class="io-group" transform="translate(5.5 37)"> @@ -27,7 +27,7 @@ <rect class="input-background-filler" width="34" height="10" transform="translate(0 25)"/> <rect class="input-background" width="34" height="33" rx="5"/> <def id="TRIGGER2_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> <g class="io-group" transform="translate(5.5 37)"> @@ -45,7 +45,7 @@ <rect class="input-background-filler" width="34" height="10" transform="translate(0 25)"/> <rect class="input-background" width="34" height="33" rx="5"/> <def id="TRIGGER3_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> <g class="io-group" transform="translate(5.5 37)"> @@ -63,7 +63,7 @@ <rect class="input-background-filler" width="34" height="10" transform="translate(0 25)"/> <rect class="input-background" width="34" height="33" rx="5"/> <def id="TRIGGER4_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> <g class="io-group" transform="translate(5.5 37)"> diff --git a/res-src/Inv-src.svg b/res-src/Inv-src.svg @@ -11,7 +11,7 @@ <def id="GATE1_PARAM" xlink:href="#button" transform="translate(8 4)"/> <def id="GATE1_INPUT" xlink:href="#input" transform="translate(5 26)"/> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5 58)">GATE</text> - <text font-size="5pt" letter-spacing="0.3px" transform="translate(1 71)">LATCH</text> + <text class="input-label" font-size="5pt" letter-spacing="0.3px" transform="translate(1 71)">LATCH</text> <def id="LATCH1_PARAM" xlink:href="#button-small" transform="translate(24 64)"/> <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 78)"/> <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(13 110)">IN</text> @@ -33,7 +33,7 @@ <def id="GATE2_PARAM" xlink:href="#button" transform="translate(8 4)"/> <def id="GATE2_INPUT" xlink:href="#input" transform="translate(5 26)"/> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5 58)">GATE</text> - <text font-size="5pt" letter-spacing="0.3px" transform="translate(1 71)">LATCH</text> + <text class="input-label" font-size="5pt" letter-spacing="0.3px" transform="translate(1 71)">LATCH</text> <def id="LATCH2_PARAM" xlink:href="#button-small" transform="translate(24 64)"/> <def id="IN2_INPUT" xlink:href="#input" transform="translate(5 78)"/> <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(13 110)">IN</text> diff --git a/res-src/LFO-src.svg b/res-src/LFO-src.svg @@ -80,7 +80,7 @@ <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(4.5 40)">SAW</text> --> <g transform="translate(9 33.5)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <polyline points="0,8 0,0 12,8" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,8 0,0 12,8" stroke-width="1" fill="none"/> </g> </g> @@ -96,7 +96,7 @@ <g transform="translate(76 0)"> <def id="RAMP_UP_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <g transform="translate(9 33.5)"> - <polyline points="0,8 12,0 12,8" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,8 12,0 12,8" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(108 0)"> @@ -104,7 +104,7 @@ <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">SQR</text> --> <g transform="translate(9 33.5)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> </g> </g> @@ -122,7 +122,7 @@ <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(7 40)">TRI</text> --> <g transform="translate(9 33.5)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(98 0)"> @@ -130,8 +130,8 @@ <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 40)">SIN</text> --> <g transform="translate(9 33.5)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <path d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> - <path d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> + <path class="output-label" d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> + <path class="output-label" d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> </g> </g> </g> diff --git a/res-src/LLFO-src.svg b/res-src/LLFO-src.svg @@ -9,7 +9,7 @@ <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(60) translate(15 0)"/> <g transform="rotate(-202) translate(14 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="translate(0 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="translate(0 0)"/> <text font-size="5.0pt" transform="translate(5 0) rotate(202) translate(3 9.5) rotate(-90)">0.2</text> </g> @@ -19,12 +19,12 @@ </g> <g transform="rotate(-48.68) translate(14 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="translate(0 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="translate(0 0)"/> <text font-size="5.0pt" transform="translate(5 0) rotate(48.68) translate(-1 2.3)">20</text> </g> <g transform="rotate(27.98) translate(14 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="translate(0 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="translate(0 0)"/> <text font-size="5.0pt" transform="translate(5 0) rotate(-27.98) translate(-2.3 -0.5) rotate(90)">200</text> </g> diff --git a/res-src/LVCF-src.svg b/res-src/LVCF-src.svg @@ -6,14 +6,14 @@ <symbol id="dial-cutoff-lvcf" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-218.8) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-192.6) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-218.8) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-192.6) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-172.2) translate(18 0) rotate(172.2) translate(-1 2)">1</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-27.9) translate(18 0) rotate(27.9) translate(-4 2)">10</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(19.8) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2 2)">20</text> @@ -24,15 +24,15 @@ <symbol id="dial-q-lvcf" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </symbol> diff --git a/res-src/LVCO-src.svg b/res-src/LVCO-src.svg @@ -6,19 +6,19 @@ <symbol id="dial-frequency-lvco" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-206.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-173.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-206.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-173.33) translate(15 0)"/> <g transform="rotate(-140) translate(14 0)"> <polyline points="0,0 2.5,0" stroke-width="1.0" transform="translate(0 0)"/> <text font-size="5.0pt" transform="translate(5 0) rotate(140) translate(-5.5 0)">OV</text> </g> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-106.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-73.33) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-40) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-6.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(26.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-106.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-73.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-6.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(26.67) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(60) translate(15 0)"/> </g> </symbol> diff --git a/res-src/Lag-src.svg b/res-src/Lag-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-shape-lag" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-10 2)">LOG</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2.5 2)">EXP</text> </g> </symbol> diff --git a/res-src/Manual-src.svg b/res-src/Manual-src.svg @@ -10,7 +10,7 @@ <rect class="input-background-filler" width="34" height="10" transform="translate(0 25)"/> <rect class="input-background" width="34" height="33" rx="5"/> <def id="TRIGGER_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> </g> diff --git a/res-src/Mix4x-src.svg b/res-src/Mix4x-src.svg @@ -137,7 +137,7 @@ <def id="R_A_INPUT" xlink:href="#input" transform="translate(5 76)"/> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> <def id="LEVEL_A_PARAM" xlink:href="#knob16" transform="translate(9 117)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> <def id="LEVEL_A_INPUT" xlink:href="#input" transform="translate(5 149)"/> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 181)">CV</text> <!-- <g transform="translate(0 29.5)"> --> @@ -146,7 +146,7 @@ <!-- <text font-size="5pt" letter-spacing="2px" transform="translate(-1 40) rotate(-90)">AUX A</text> --> <!-- </g> --> </g> - <def xlink:href="#dial-mintick" transform="translate(2.5 106)"/> + <def xlink:href="#dial-mintick-input" transform="translate(2.5 106)"/> <g class="io-group" transform="translate(5.5 191)"> <rect class="output-background" width="34" height="50" rx="5"/> @@ -159,9 +159,9 @@ <def id="R_B_INPUT" xlink:href="#input" transform="translate(5 76)"/> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> <def id="LEVEL_B_PARAM" xlink:href="#knob16" transform="translate(9 117)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> </g> - <def xlink:href="#dial-mintick" transform="translate(2.5 296)"/> + <def xlink:href="#dial-mintick-input" transform="translate(2.5 296)"/> <!-- <polyline points="0,0 0,350" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> </g> </module> diff --git a/res-src/Mix8x-src.svg b/res-src/Mix8x-src.svg @@ -257,11 +257,11 @@ <def id="R_A_INPUT" xlink:href="#input" transform="translate(5 76)"/> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> <def id="LEVEL_A_PARAM" xlink:href="#knob16" transform="translate(9 117)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> <def id="LEVEL_A_INPUT" xlink:href="#input" transform="translate(5 149)"/> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 181)">CV</text> </g> - <def xlink:href="#dial-mintick" transform="translate(2.5 106)"/> + <def xlink:href="#dial-mintick-input" transform="translate(2.5 106)"/> <g class="io-group" transform="translate(5.5 191)"> <rect class="output-background" width="34" height="50" rx="5"/> @@ -274,9 +274,9 @@ <def id="R_B_INPUT" xlink:href="#input" transform="translate(5 76)"/> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> <def id="LEVEL_B_PARAM" xlink:href="#knob16" transform="translate(9 117)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> + <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> </g> - <def xlink:href="#dial-mintick" transform="translate(2.5 296)"/> + <def xlink:href="#dial-mintick-input" transform="translate(2.5 296)"/> <!-- <polyline points="0,0 0,350" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> </g> </module> diff --git a/res-src/Mumix-src.svg b/res-src/Mumix-src.svg @@ -36,14 +36,14 @@ <def id="MUTE8_PARAM" xlink:href="#button" transform="translate(1 268)"/> </g> - <!-- <polyline points="0,0 0,380" stroke-width="0.5" stroke="#0f0" transform="translate(24.5 0)" /> --> - <!-- <polyline points="0,0 0,380" stroke-width="0.5" stroke="#0f0" transform="translate(65.5 0)" /> --> - <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 42)" /> --> - <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 79)" /> --> - <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 116)" /> --> - <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 153)" /> --> - <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 190)" /> --> - <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 227)" /> --> - <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 264)" /> --> - <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 301)" /> --> + <!-- <polyline points="0,0 0,380" stroke-width="0.7" stroke="#0f0" transform="translate(24.5 0)" /> --> + <!-- <polyline points="0,0 0,380" stroke-width="0.7" stroke="#0f0" transform="translate(65.5 0)" /> --> + <!-- <polyline points="0,0 90,0" stroke-width="0.7" stroke="#0f0" transform="translate(0 42)" /> --> + <!-- <polyline points="0,0 90,0" stroke-width="0.7" stroke="#0f0" transform="translate(0 79)" /> --> + <!-- <polyline points="0,0 90,0" stroke-width="0.7" stroke="#0f0" transform="translate(0 116)" /> --> + <!-- <polyline points="0,0 90,0" stroke-width="0.7" stroke="#0f0" transform="translate(0 153)" /> --> + <!-- <polyline points="0,0 90,0" stroke-width="0.7" stroke="#0f0" transform="translate(0 190)" /> --> + <!-- <polyline points="0,0 90,0" stroke-width="0.7" stroke="#0f0" transform="translate(0 227)" /> --> + <!-- <polyline points="0,0 90,0" stroke-width="0.7" stroke="#0f0" transform="translate(0 264)" /> --> + <!-- <polyline points="0,0 90,0" stroke-width="0.7" stroke="#0f0" transform="translate(0 301)" /> --> </module> diff --git a/res-src/Mute8-src.svg b/res-src/Mute8-src.svg @@ -17,7 +17,7 @@ <def id="INPUT7_INPUT" xlink:href="#input" transform="translate(0 240)"/> <def id="INPUT8_INPUT" xlink:href="#input" transform="translate(0 280)"/> </g> - <text font-size="6pt" letter-spacing="2px" transform="translate(9.8 320)">IN</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(9.8 320)">IN</text> </g> <g class="io-group" transform="translate(43 32)"> @@ -33,7 +33,7 @@ <def id="MUTE7_INPUT" xlink:href="#input" transform="translate(0 240)"/> <def id="MUTE8_INPUT" xlink:href="#input" transform="translate(0 280)"/> </g> - <text font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text> </g> <g transform="translate(77.5 32)"> @@ -89,6 +89,6 @@ <def id="OUTPUT7_OUTPUT" xlink:href="#output" transform="translate(0 240)"/> <def id="OUTPUT8_OUTPUT" xlink:href="#output" transform="translate(0 280)"/> </g> - <text font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text> </g> </module> diff --git a/res-src/Offset-src.svg b/res-src/Offset-src.svg @@ -9,79 +9,79 @@ <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-225) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-210) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-195) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-165) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-150) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-135) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-105) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(17 0)"> - <!-- <polyline points="0,0 4,0" stroke-width="0.5" /> --> + <!-- <polyline points="0,0 4,0" stroke-width="0.7" /> --> <g transform="translate(2.4 0) rotate(90)"> <text font-size="6.5pt" transform="translate(-2.3 3.3)">0</text> </g> </g> <g transform="rotate(-75) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-45) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-15) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(0) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(15) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(45) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-225) translate(22 0)"> - <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <polyline points="-10,0 10,0" stroke-width="0.7" stroke="#0f0" /> --> <g transform="translate(2.5 0) rotate(225)"> <text font-size="9pt" transform="translate(-2 3.4)">-</text> </g> </g> <g transform="rotate(45) translate(22 0)"> - <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <polyline points="-10,0 10,0" stroke-width="0.7" stroke="#0f0" /> --> <g transform="translate(2.5 0) rotate(-45)"> <text font-size="7pt" transform="translate(-2.9 3)">+</text> </g> @@ -95,85 +95,85 @@ <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-232.3) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-224.2) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-215.5) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-206.2) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-196.1) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-184.9) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-172.2) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-157.1) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-137.4) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-123.5) translate(17 0)"> - <polyline points="0,0 1,0" stroke-width="0.3"/> + <polyline points="0,0 1,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(17 0)"> - <!-- <polyline points="0,0 4,0" stroke-width="0.5" /> --> + <!-- <polyline points="0,0 4,0" stroke-width="0.7" /> --> <g transform="translate(2.4 0) rotate(90)"> <text font-size="6.5pt" transform="translate(-2.3 3.3)">0</text> </g> </g> <g transform="rotate(-56.5) translate(17 0)"> - <polyline points="0,0 1,0" stroke-width="0.3"/> + <polyline points="0,0 1,0" stroke-width="0.7"/> </g> <g transform="rotate(-42.3) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-22.9) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-7.8) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(4.8) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(16.1) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(26.2) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(35.5) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(44.2) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(52.3) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> <polyline points="0,0 4,0" stroke-width="1.5"/> </g> <g transform="rotate(-225) translate(22 0)"> - <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <polyline points="-10,0 10,0" stroke-width="0.7" stroke="#0f0" /> --> <g transform="translate(2.5 0) rotate(225)"> <text font-size="9pt" transform="translate(-2 3.4)">-</text> </g> </g> <g transform="rotate(45) translate(22 0)"> - <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <polyline points="-10,0 10,0" stroke-width="0.7" stroke="#0f0" /> --> <g transform="translate(2.5 0) rotate(-45)"> <text font-size="7pt" transform="translate(-2.9 3)">+</text> </g> @@ -221,5 +221,5 @@ </g> </g> - <!-- <polyline points="0,0 45,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 73)" /> --> + <!-- <polyline points="0,0 45,0" stroke-width="0.7" stroke="#0f0" transform="translate(0 73)" /> --> </module> diff --git a/res-src/OneEight-src.svg b/res-src/OneEight-src.svg @@ -49,7 +49,7 @@ <g class="io-group" transform="translate(49.5 32)"> <rect class="output-background" width="34" height="337" rx="5" transform="translate(0 -9)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">1</text> diff --git a/res-src/PEQ-src.svg b/res-src/PEQ-src.svg @@ -10,11 +10,11 @@ <text font-size="5pt" transform="rotate(-172.9) translate(20 0) rotate(172.9) translate(-5 2.2)">1K</text> <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-7 4)">0HZ</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(19.8) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-27.9) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-133.9) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-192.6) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-133.9) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-192.6) translate(17 0)"/> </g> </symbol> @@ -24,16 +24,16 @@ <text font-size="5pt" transform="rotate(-76.36) translate(20 0) rotate(76.36) translate(-4 2.2)">-24</text> <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-8 4)">-60dB</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(5.5) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-21.8) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-49.1) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-103.6) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-131) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-130.9) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-158.2) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-185.5) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-212.7) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(5.5) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-21.8) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-49.1) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-103.6) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-131) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-130.9) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-158.2) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-185.5) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-212.7) translate(17 0)"/> </g> </symbol> </defs> diff --git a/res-src/PEQ14XF-src.svg b/res-src/PEQ14XF-src.svg @@ -2,7 +2,7 @@ <module hp="5"> <style/> - <def xlink:href="#module5" var-name="PEQ14XF"/> + <def xlink:href="#module5" var-name="PEQ14XF" var-letterspacing="0.1"/> <g class="io-group" transform="translate(-2.5 24)"> <def id="DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> diff --git a/res-src/PEQ14XV-src.svg b/res-src/PEQ14XV-src.svg @@ -11,10 +11,10 @@ <text font-size="5.0pt" transform="rotate(-15) translate(18 0) rotate(15) translate(-2 2)">1</text> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2 2)">2</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-208.75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-133.75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-46.25) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(28.75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-208.75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-133.75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-46.25) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(28.75) translate(15 0)"/> </g> </symbol> </defs> diff --git a/res-src/PEQ6XF-src.svg b/res-src/PEQ6XF-src.svg @@ -18,7 +18,7 @@ <g class="io-group" transform="translate(5.5 104)"> <rect class="output-background" width="34" height="225" rx="5" transform="translate(0 -10)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">EF</text> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">EF</text> <def id="EF1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 35)">1</text> <def id="EF2_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> diff --git a/res-src/Pan-src.svg b/res-src/Pan-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-panner-pan" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.8 2)">L</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2.1 2)">R</text> </g> </symbol> diff --git a/res-src/Pgmr-src.svg b/res-src/Pgmr-src.svg @@ -10,7 +10,7 @@ <g class="io-group" transform="translate(5.5 56)"> <rect class="output-background" width="34" height="155" rx="5" transform="translate(0 -10)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> + <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> <def id="A_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(15 35)">A</text> <def id="B_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> @@ -27,9 +27,9 @@ <rect class="input-background" width="34" height="102" rx="5" transform="translate(0 -3)"/> <def id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 2)"/> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(2.5 34)">CLOCK</text> - <text font-size="5pt" letter-spacing="1px" transform="translate(5 46.5)">FWD</text> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(5 46.5)">FWD</text> <def id="DIRECTION_PARAM" xlink:href="#button-small" transform="translate(22.5 39.7)"/> - <text font-size="5pt" letter-spacing="0.1px" transform="translate(2 60)">S.O.C.</text> + <text class="input-label" font-size="5pt" letter-spacing="0.1px" transform="translate(2 60)">S.O.C.</text> <def id="SELECT_ON_CLOCK_PARAM" xlink:href="#button-small" transform="translate(22.5 53.2)"/> <def id="SELECT_INPUT" xlink:href="#input" transform="translate(5 66)"/> <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(2.5 98)">SELECT</text> diff --git a/res-src/PolyCon16-src.svg b/res-src/PolyCon16-src.svg @@ -119,8 +119,8 @@ <rect class="output-background" width="24" height="40" rx="5" transform="translate(38)"/> <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> <def id="CHANNELS_INPUT" xlink:href="#input" transform="translate(3.5 4)"/> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 36)">CHAN</text> <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/> - <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(3 36)">CHAN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> </g> </module> diff --git a/res-src/PolyCon8-src.svg b/res-src/PolyCon8-src.svg @@ -2,7 +2,7 @@ <module hp="3"> <style/> - <def xlink:href="#module3" var-name="POLYCON8"/> + <def xlink:href="#module3" var-name="POLYCON8" var-letterspacing="1.3"/> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(5 0)" /> --> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(40 0)" /> --> diff --git a/res-src/PolyOff16-src.svg b/res-src/PolyOff16-src.svg @@ -179,8 +179,8 @@ <rect class="output-background" width="24" height="40" rx="5" transform="translate(38)"/> <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> <def id="IN_INPUT" xlink:href="#input" transform="translate(3.5 4)"/> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text> <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/> - <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> </g> </module> diff --git a/res-src/PolyOff8-src.svg b/res-src/PolyOff8-src.svg @@ -119,8 +119,8 @@ <rect class="output-background" width="24" height="40" rx="5" transform="translate(38)"/> <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> <def id="IN_INPUT" xlink:href="#input" transform="translate(3.5 4)"/> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text> <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/> - <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text> </g> </module> diff --git a/res-src/Pressor-src.svg b/res-src/Pressor-src.svg @@ -20,15 +20,15 @@ <symbol id="dial-threshold-pressor" viewBox="0 0 70px 70px"> <g transform="translate(35 35)"> <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-210) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-150) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-90) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-30) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(30) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text> <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> </g> @@ -37,11 +37,11 @@ <symbol id="dial-attack-pressor" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-172.92) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-5.7 2.2)">50</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75.68) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.68) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">250</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(19.81) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.81) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">500</text> <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4.4 2.2)">MS</text> </g> @@ -50,11 +50,11 @@ <symbol id="dial-release-pressor" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-172.92) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-7.5 2.2)">0.2</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75.68) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.68) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">1</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(19.81) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.81) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">2</text> <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-2 2.2)">S</text> </g> @@ -63,15 +63,15 @@ <symbol id="dial-detectormix-pressor" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-4.2 2.2)">IN</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2.1 2.5)">SD</text> </g> </symbol> @@ -79,13 +79,13 @@ <symbol id="dial-inputgain-pressor" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-8 2.2)">-12</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-202.5) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-4.5 2.2)">-6</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-127.5) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-90) translate(17 0) rotate(90) translate(-1.9 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-52.5) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-2 2.2)">6</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(22.5) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">12</text> <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text> </g> @@ -94,13 +94,13 @@ <symbol id="dial-outputgain-pressor" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-202.5) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-2 2.2)">6</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-127.5) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-90) translate(17 0) rotate(90) translate(-4 2)">12</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-52.5) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-3.5 2.2)">18</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(22.5) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">24</text> <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text> </g> diff --git a/res-src/Pulse-src.svg b/res-src/Pulse-src.svg @@ -6,19 +6,19 @@ <symbol id="dial-frequency-pulse" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-206.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-173.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-206.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-173.33) translate(15 0)"/> <g transform="rotate(-140) translate(14 0)"> <polyline points="0,0 2.5,0" stroke-width="1.0" transform="translate(0 0)"/> <text font-size="5.0pt" transform="translate(5 0) rotate(140) translate(-5.5 0)">OV</text> </g> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-106.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-73.33) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-40) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-6.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(26.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-106.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-73.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-6.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(26.67) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(60) translate(15 0)"/> </g> </symbol> @@ -29,31 +29,31 @@ <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> diff --git a/res-src/Reftone-src.svg b/res-src/Reftone-src.svg @@ -3,23 +3,19 @@ <style/> <defs> - <symbol id="display-reftone" viewBox="0 0 45px 34px"> - <rect width="38" height="48" fill="#222" transform="translate(3.5 0)"/> - </symbol> - <symbol id="dial-pitch-reftone" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(240) translate(-2.2 2.2)">C</text> </g> <g transform="rotate(-212.73) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-185.45) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(185.45) translate(-2.2 2.2)">D</text> </g> <g transform="rotate(-158.18) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-130.91) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(130.91) translate(-2.2 2.2)">E</text> @@ -28,19 +24,19 @@ <text font-size="5.0pt" transform="translate(2 0) rotate(103.64) translate(-2.2 2.2)">F</text> </g> <g transform="rotate(-76.36) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-49.09) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(49.09) translate(-2.2 2.2)">G</text> </g> <g transform="rotate(-21.82) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(5.45) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(-5.45) translate(-2.2 2.2)">A</text> </g> <g transform="rotate(32.73) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(-60) translate(-2.2 2.2)">B</text> @@ -80,21 +76,21 @@ <symbol id="dial-fine-reftone" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(15 0)"> - <!-- <polyline points="0,0 3,0" stroke-width="0.3" /> --> + <!-- <polyline points="0,0 3,0" stroke-width="0.7" /> --> <text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-1.5 2.2)">-</text> </g> <g transform="rotate(-90) translate(15 0)"> - <!-- <polyline points="0,0 3,0" stroke-width="0.3" /> --> + <!-- <polyline points="0,0 3,0" stroke-width="0.7" /> --> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-1.9 2.2)">0</text> </g> <g transform="rotate(60) translate(15 0)"> - <!-- <polyline points="0,0 3,0" stroke-width="0.3" /> --> + <!-- <polyline points="0,0 3,0" stroke-width="0.7" /> --> <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-1.9 2.2)">+</text> </g> - <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </symbol> </defs> @@ -102,7 +98,7 @@ <def xlink:href="#module3" var-name="REFTONE"/> <g transform="translate(0 18)"> - <use id="DISPLAY_WIDGET" xlink:href="#display-reftone"/> + <def id="DISPLAY_WIDGET" xlink:href="#display" var-width="38" var-height="48" transform="translate(3.5 0)"/> <g transform="translate(0 62)"> <g transform="translate(0 0)"> diff --git a/res-src/Shaper-src.svg b/res-src/Shaper-src.svg @@ -68,9 +68,9 @@ <g class="io-group" transform="translate(0 4)"> <rect class="output-background" width="58" height="40" rx="5"/> <def id="ENV_OUTPUT" xlink:href="#output" transform="translate(2.5 3)"/> - <def id="INV_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(35 36)">INV</text> + <def id="INV_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(35 36)">INV</text> </g> </g> @@ -84,9 +84,9 @@ <rect class="output-background" width="20" height="40" rx="5" transform="translate(38)"/> <rect class="output-background-filler" width="20" height="40" transform="translate(29)"/> <def id="SIGNAL_INPUT" xlink:href="#input" transform="translate(2.5 3)"/> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> <def id="SIGNAL_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> </g> </g> </g> diff --git a/res-src/ShaperPlus-src.svg b/res-src/ShaperPlus-src.svg @@ -6,11 +6,11 @@ <g class="io-group" transform="translate(149 26)"> <rect class="input-background" width="30" height="322" rx="5"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text> </g> <g class="io-group" transform="translate(186 26)"> <rect class="output-background" width="30" height="211" rx="5"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text> </g> <g transform="translate(9 33)"> @@ -80,9 +80,9 @@ <g class="io-group" transform="translate(0 4)"> <rect class="output-background" width="58" height="40" rx="5"/> <def id="ENV_OUTPUT" xlink:href="#output" transform="translate(2.5 3)"/> - <def id="INV_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(35 36)">INV</text> + <def id="INV_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(35 36)">INV</text> </g> <def id="ENV_INPUT" xlink:href="#input" transform="translate(143 7)"/> <g class="io-group" transform="translate(177 4)"> @@ -102,9 +102,9 @@ <rect class="output-background" width="20" height="40" rx="5" transform="translate(38)"/> <rect class="output-background-filler" width="20" height="40" transform="translate(29)"/> <def id="SIGNAL_INPUT" xlink:href="#input" transform="translate(2.5 3)"/> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> <def id="SIGNAL_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> </g> <def id="SIGNALCV_INPUT" xlink:href="#input" transform="translate(143 7)"/> </g> diff --git a/res-src/Sine-src.svg b/res-src/Sine-src.svg @@ -6,19 +6,19 @@ <symbol id="dial-frequency-sine" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-206.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-173.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-206.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-173.33) translate(15 0)"/> <g transform="rotate(-140) translate(14 0)"> <polyline points="0,0 2.5,0" stroke-width="1.0" transform="translate(0 0)"/> <text font-size="5.0pt" transform="translate(5 0) rotate(140) translate(-5.5 0)">OV</text> </g> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-106.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-73.33) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-40) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-6.67) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(26.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-106.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-73.33) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-6.67) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(26.67) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(60) translate(15 0)"/> </g> </symbol> diff --git a/res-src/Slew-src.svg b/res-src/Slew-src.svg @@ -6,24 +6,24 @@ <symbol id="dial-time-slew" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-172.92) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-2.5 2.2)">1</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75.68) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.68) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2 2.2)">5</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(19.81) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.81) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">10</text> </g> </symbol> <symbol id="dial-rise-shape-slew" viewBox="0 0 45px 45px"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-52.5) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-15) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(22.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-15) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-127.5) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-165) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-202.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-165) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(10 0)"/> <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke-width="1" stroke="#333" fill="none" transform="rotate(60) translate(13 0) rotate(-60) translate(2 0) rotate(-45) translate(0 0)"/> <polyline points="-3.5,0 3.5,0" stroke-width="1" fill="none" transform="rotate(-90) translate(13 0) rotate(90) rotate(-45) translate(0 0)"/> @@ -33,13 +33,13 @@ <symbol id="dial-fall-shape-slew" viewBox="0 0 45px 45px"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-52.5) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-15) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(22.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-15) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-127.5) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-165) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-202.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-165) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(10 0)"/> <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke-width="1" stroke="#333" fill="none" transform="rotate(60) translate(13 0) rotate(-60) translate(2 0) rotate(-135) translate(0 0)"/> <polyline points="-3.5,0 3.5,0" stroke-width="1" fill="none" transform="rotate(-90) translate(13 0) rotate(90) rotate(45) translate(0 0)"/> diff --git a/res-src/Stack-src.svg b/res-src/Stack-src.svg @@ -9,19 +9,19 @@ <text font-size="5.0pt" transform="translate(2 0) rotate(180) translate(-4 2.2)">-3</text> </g> <g transform="rotate(-150) translate(11 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(11 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(10 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-60) translate(11 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(11 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(10 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(0) translate(-2.2 2.2)">3</text> @@ -35,34 +35,34 @@ <text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-212.73) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-185.45) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-158.18) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-130.91) translate(15 0)"> <text font-size="5.0pt" transform="translate(2.5 0) rotate(130.91) translate(-2.2 2.2)">4</text> </g> <g transform="rotate(-103.64) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-76.36) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-49.09) translate(15 0)"> <text font-size="5.0pt" transform="translate(2.5 0) rotate(49.09) translate(-2.2 2.2)">7</text> </g> <g transform="rotate(-21.82) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(5.45) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(32.73) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-4 2.2)">11</text> @@ -73,21 +73,21 @@ <symbol id="dial-fine-stack" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(10 0)"> - <!-- <polyline points="0,0 3,0" stroke-width="0.3" /> --> + <!-- <polyline points="0,0 3,0" stroke-width="0.7" /> --> <text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-1.5 2.2)">-</text> </g> <g transform="rotate(-90) translate(10 0)"> - <!-- <polyline points="0,0 3,0" stroke-width="0.3" /> --> + <!-- <polyline points="0,0 3,0" stroke-width="0.7" /> --> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-1.9 2.2)">0</text> </g> <g transform="rotate(60) translate(10 0)"> - <!-- <polyline points="0,0 3,0" stroke-width="0.3" /> --> + <!-- <polyline points="0,0 3,0" stroke-width="0.7" /> --> <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-1.9 2.2)">+</text> </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </symbol> </defs> @@ -117,7 +117,7 @@ <def id="CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> <g transform="translate(1.5 39)"> - <text font-size="5pt" letter-spacing="0.75px" transform="translate(0 6)">QNTZ</text> + <text class="input-label" font-size="5pt" letter-spacing="0.75px" transform="translate(0 6)">QNTZ</text> <def id="QUANTIZE_PARAM" xlink:href="#button-small" transform="translate(22 -1)"/> </g> </g> diff --git a/res-src/Switch1616-src.svg b/res-src/Switch1616-src.svg @@ -10,56 +10,56 @@ <rect class="input-background-filler" width="10" height="5" transform="translate(36.5 302)"/> <rect class="output-background" width="28" height="10" rx="5" transform="translate(38.5 302)"/> - <g transform="translate(5.5 9)"> + <g class="io-group" transform="translate(5.5 9)"> <def id="IN2_INPUT" xlink:href="#input" transform="translate(4 22)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 34)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 36.5)">2</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 34)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 36.5)">2</text> <def id="IN4_INPUT" xlink:href="#input" transform="translate(4 58)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 70)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 72.5)">4</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 70)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 72.5)">4</text> <def id="IN6_INPUT" xlink:href="#input" transform="translate(4 94)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 106)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 108.5)">6</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 106)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 108.5)">6</text> <def id="IN8_INPUT" xlink:href="#input" transform="translate(4 130)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 142)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 144.5)">8</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 142)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 144.5)">8</text> <def id="IN10_INPUT" xlink:href="#input" transform="translate(4 166)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 178)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 180.5)">10</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 178)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 180.5)">10</text> <def id="IN12_INPUT" xlink:href="#input" transform="translate(4 202)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 214)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 216.5)">12</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 214)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 216.5)">12</text> <def id="IN14_INPUT" xlink:href="#input" transform="translate(4 238)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 250)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 252.5)">14</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 250)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 252.5)">14</text> <def id="IN16_INPUT" xlink:href="#input" transform="translate(4 274)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 286)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(37 288.5)">16</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(31 286)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(37 288.5)">16</text> <def id="IN1_INPUT" xlink:href="#input" transform="translate(28 4)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 16)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(16 18.5)">1</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 16)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 18.5)">1</text> <def id="IN3_INPUT" xlink:href="#input" transform="translate(28 40)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 52)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(16 54.5)">3</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 52)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 54.5)">3</text> <def id="IN5_INPUT" xlink:href="#input" transform="translate(28 76)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 88)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(16 90.5)">5</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 88)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 90.5)">5</text> <def id="IN7_INPUT" xlink:href="#input" transform="translate(28 112)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 124)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(16 126.5)">7</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 124)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 126.5)">7</text> <def id="IN9_INPUT" xlink:href="#input" transform="translate(28 148)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 160)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(16 162.5)">9</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 160)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(16 162.5)">9</text> <def id="IN11_INPUT" xlink:href="#input" transform="translate(28 184)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 196)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(11 198.5)">11</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 196)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(11 198.5)">11</text> <def id="IN13_INPUT" xlink:href="#input" transform="translate(28 220)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 232)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(11 234.5)">13</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 232)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(11 234.5)">13</text> <def id="IN15_INPUT" xlink:href="#input" transform="translate(28 256)"/> - <polyline points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 268)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(11 270.5)">15</text> + <polyline class="input-label" points="0,0 3,0" stroke-width="1" fill="none" transform="translate(22 268)"/> + <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(11 270.5)">15</text> <!-- <polyline points="16,34 40,52" stroke="#ff0" stroke-width="1" fill="none" transform="translate(0 0)" /> --> <!-- <polyline points="16,34 16,70" stroke="#ff0" stroke-width="1" fill="none" transform="translate(0 0)" /> --> @@ -71,56 +71,56 @@ <!-- <rect width="20" height="4" fill="#f00" transform="translate(20 289)" /> --> </g> - <g transform="translate(22.5 302)"> + <g class="io-group" transform="translate(22.5 302)"> <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(4 28)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(16 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(13.7 19)">A</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(16 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(13.7 19)">A</text> <def id="OUT3_OUTPUT" xlink:href="#output" transform="translate(40 28)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(52 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(49.7 19)">C</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(52 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(49.7 19)">C</text> <def id="OUT5_OUTPUT" xlink:href="#output" transform="translate(76 28)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(88 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(85.9 19)">E</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(88 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(85.9 19)">E</text> <def id="OUT7_OUTPUT" xlink:href="#output" transform="translate(112 28)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(124 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(121.7 19)">G</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(124 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(121.7 19)">G</text> <def id="OUT9_OUTPUT" xlink:href="#output" transform="translate(148 28)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(160 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(159 19)">I</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(160 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(159 19)">I</text> <def id="OUT11_OUTPUT" xlink:href="#output" transform="translate(184 28)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(196 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(193.8 19)">K</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(196 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(193.8 19)">K</text> <def id="OUT13_OUTPUT" xlink:href="#output" transform="translate(220 28)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(232 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(229.05 19)">M</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(232 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(229.05 19)">M</text> <def id="OUT15_OUTPUT" xlink:href="#output" transform="translate(256 28)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(268 22)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(265.7 19)">O</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(268 22)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(265.7 19)">O</text> <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(22 4)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(34 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(32 42)">B</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(34 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(32 42)">B</text> <def id="OUT4_OUTPUT" xlink:href="#output" transform="translate(58 4)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(70 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(68 42)">D</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(70 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(68 42)">D</text> <def id="OUT6_OUTPUT" xlink:href="#output" transform="translate(94 4)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(106 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(104 42)">F</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(106 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(104 42)">F</text> <def id="OUT8_OUTPUT" xlink:href="#output" transform="translate(130 4)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(142 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(139.65 42)">H</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(142 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(139.65 42)">H</text> <def id="OUT10_OUTPUT" xlink:href="#output" transform="translate(166 4)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(178 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(176 42)">J</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(178 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(176 42)">J</text> <def id="OUT12_OUTPUT" xlink:href="#output" transform="translate(202 4)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(214 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(212 42)">L</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(214 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(212 42)">L</text> <def id="OUT14_OUTPUT" xlink:href="#output" transform="translate(238 4)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(250 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(247.6 42)">N</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(250 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(247.6 42)">N</text> <def id="OUT16_OUTPUT" xlink:href="#output" transform="translate(274 4)"/> - <polyline points="0,0 0,3" stroke-width="1" fill="none" transform="translate(286 31)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(283.8 42)">P</text> + <polyline class="output-label" points="0,0 0,3" stroke-width="1" fill="none" transform="translate(286 31)"/> + <text class="output-label" font-size="5pt" letter-spacing="1px" transform="translate(283.8 42)">P</text> </g> <g transform="translate(62 32)"> diff --git a/res-src/Switch44-src.svg b/res-src/Switch44-src.svg @@ -2,7 +2,7 @@ <module hp="10"> <style/> - <def xlink:href="#module" var-name="SWITCH44"/> + <def xlink:href="#module" var-name="SWITCH44" var-letterspacing="3.0"/> <g transform="translate(13.5 42.5)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text> diff --git a/res-src/TestVCF-src.svg b/res-src/TestVCF-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-cutoff-testvcf" viewBox="0 0 50px 50px"> <g transform="translate(25 25)"> <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-210) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-180) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-150) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-120) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-90) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-60) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-30) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(0) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> </g> </symbol> @@ -22,15 +22,15 @@ <symbol id="dial-resonance-testvcf" viewBox="0 0 50px 50px"> <g transform="translate(25 25)"> <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-210) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-180) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-150) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-120) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-90) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-60) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-30) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(0) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> </g> </symbol> @@ -127,10 +127,10 @@ <rect class="output-background" width="50" height="40" rx="5" transform="translate(38)"/> <rect class="output-background-filler" width="20" height="40" transform="translate(29)"/> <def id="IN_INPUT" xlink:href="#input" transform="translate(2.5 3)"/> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> <def id="OUT_B_OUTPUT" xlink:href="#output" transform="translate(60.5 3)"/> - <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text> - <text font-size="6pt" letter-spacing="2px" transform="translate(70.5 36)">B</text> + <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(70.5 36)">B</text> </g> </module> diff --git a/res-src/UMix-src.svg b/res-src/UMix-src.svg @@ -4,7 +4,7 @@ <def xlink:href="#module3" var-name="UMIX"/> - <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.7" stroke="#0f0" /> --> <g transform="translate(0 18)"> <g class="io-group" transform="translate(5.5 0)"> diff --git a/res-src/Unison-src.svg b/res-src/Unison-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-detune-unison" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">50</text> </g> </symbol> diff --git a/res-src/VCA-src.svg b/res-src/VCA-src.svg @@ -54,6 +54,6 @@ <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">LIN</text> <def id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> </g> - <!-- <polyline points="0,0 0,380" stroke-width="0.5" stroke="#0f0" transform="translate(36.5 0)" /> --> - <!-- <polyline points="0,0 0,380" stroke-width="0.5" stroke="#0f0" transform="translate(8.5 0)" /> --> + <!-- <polyline points="0,0 0,380" stroke-width="0.7" stroke="#0f0" transform="translate(36.5 0)" /> --> + <!-- <polyline points="0,0 0,380" stroke-width="0.7" stroke="#0f0" transform="translate(8.5 0)" /> --> </module> diff --git a/res-src/VCF-src.svg b/res-src/VCF-src.svg @@ -71,33 +71,33 @@ <symbol id="dial-slope-vcf" viewBox="0 0 50px 60px"> <g transform="translate(25 30)"> <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-2 3)">1</text> - <polyline points="0,0 2,0" stroke-width="0.5" transform="rotate(-176) translate(22 0)"/> + <polyline points="0,0 2,0" stroke-width="0.7" transform="rotate(-176) translate(22 0)"/> <text font-size="6.0pt" transform="rotate(-149.6) translate(24 0) rotate(149.6) translate(-1.5 1)">2</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-112.1) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-112.1) translate(22 0)"/> <text font-size="6.0pt" transform="rotate(-83.3) translate(24 0) rotate(83.3) translate(-2 2)">4</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-59.1) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-37.7) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-18.4) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-59.1) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-37.7) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-18.4) translate(22 0)"/> <text font-size="6.0pt" transform="rotate(-0.7) translate(24 0) rotate(0.7) translate(-2 2)">8</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(15.8) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(31.4) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(46) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(15.8) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(31.4) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(46) translate(22 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(24 0) rotate(-60) translate(-5 3)">12</text> </g> </symbol> <symbol id="dial-mode-vcf" viewBox="0 0 60px 60px"> <g transform="translate(30 30)"> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-67.5) translate(11 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-67.5) translate(11 0)"/> <text font-size="6.0pt" transform="rotate(-67.5) translate(24 0) rotate(67.5) translate(-3 7)">LP</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-22.5) translate(11 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-22.5) translate(11 0)"/> <text font-size="6.0pt" transform="rotate(-22.5) translate(24 0) rotate(22.5) translate(-7 5)">HP</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(22.5) translate(11 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(11 0)"/> <text font-size="6.0pt" transform="rotate(22.5) translate(24 0) rotate(-22.5) translate(-7 0)">BP</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(67.5) translate(11 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(67.5) translate(11 0)"/> <text font-size="6.0pt" transform="rotate(67.5) translate(24 0) rotate(-67.5) translate(-3 -1.5)">BR</text> </g> </symbol> @@ -105,15 +105,15 @@ <symbol id="dial-linear-vcf" viewBox="0 0 50px 50px"> <g transform="translate(25 25)"> <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-210) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-180) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-150) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-120) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-90) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-60) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-30) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(0) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> </g> </symbol> diff --git a/res-src/VCM-src.svg b/res-src/VCM-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-level-vcm" viewBox="0 0 60px 60px"> <g transform="translate(30 30)"> <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-2.3 2.5)">0</text> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-210) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-180) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-150) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-120) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-90) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-60) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(-30) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(0) translate(22 0)"/> - <polyline points="0,0 3.5,0" stroke-width="0.3" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> <polyline points="0,0 5,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> </g> </symbol> diff --git a/res-src/VCO-src.svg b/res-src/VCO-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-fm-vco" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </symbol> @@ -106,7 +106,7 @@ <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">SQR</text> --> <g transform="translate(9 33.5)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(108 0)"> @@ -114,7 +114,7 @@ <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(4.5 40)">SAW</text> --> <g transform="translate(9 33.5)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <polyline points="0,8 12,0 12,8" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,8 12,0 12,8" stroke-width="1" fill="none"/> </g> </g> @@ -132,7 +132,7 @@ <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(7 40)">TRI</text> --> <g transform="translate(9 33.5)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> + <polyline class="output-label" points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(98 0)"> @@ -140,8 +140,8 @@ <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 40)">SIN</text> --> <g transform="translate(9 33.5)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <path d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> - <path d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> + <path class="output-label" d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> + <path class="output-label" d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> </g> </g> </g> diff --git a/res-src/Walk2-src.svg b/res-src/Walk2-src.svg @@ -2,26 +2,10 @@ <module hp="14"> <style/> - <defs> - <symbol id="display-walk2" viewBox="0 0 190px 190px"> - <rect cx="0" cy="0" width="190" height="190" fill="#222"/> - </symbol> - </defs> - <def xlink:href="#module" var-name="WALK2"/> - <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 0)" /> --> - <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(54.5 0)" /> --> - <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(105 0)" /> --> - <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(154.5 0)" /> --> - <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(200 0)" /> --> - <!-- <polyline points="0,0 210,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 259)" /> --> - <!-- <polyline points="0,0 210,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 254.5)" /> --> - <!-- <polyline points="0,0 210,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 296)" /> --> - <!-- <polyline points="0,0 210,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 320.5)" /> --> - <g transform="translate(10 25)"> - <use id="DISPLAY_WIDGET" xlink:href="#display-walk2"/> + <def id="DISPLAY_WIDGET" xlink:href="#display" var-width="190" var-height="190" /> </g> <g transform="translate(0 227)"> @@ -81,11 +65,11 @@ <def id="OFFSET_X_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> <def id="SCALE_X_INPUT" xlink:href="#input" transform="translate(34.5 3)"/> <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(6 36)">OFF</text> - <text font-size="6pt" letter-spacing="1.5px" transform="translate(37.5 36)">SCL</text> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(37.5 36)">SCL</text> <def id="RATE_X_INPUT" xlink:href="#input" transform="translate(3.5 42)"/> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text> <def id="OUT_X_OUTPUT" xlink:href="#output" transform="translate(34.5 42)"/> - <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text> - <text font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text> </g> <g class="io-group" transform="translate(142 281)"> @@ -94,13 +78,13 @@ <rect class="output-background-filler" width="20" height="40" transform="translate(31 39)"/> <rect class="output-background-filler" width="31" height="20" transform="translate(31 39)"/> <def id="OFFSET_Y_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <def id="SCALE_Y_INPUT" xlink:href="#input" transform="translate(34.5 3)"/> <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(6 36)">OFF</text> - <text font-size="6pt" letter-spacing="1.5px" transform="translate(37.5 36)">SCL</text> + <def id="SCALE_Y_INPUT" xlink:href="#input" transform="translate(34.5 3)"/> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(37.5 36)">SCL</text> <def id="RATE_Y_INPUT" xlink:href="#input" transform="translate(3.5 42)"/> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text> <def id="OUT_Y_OUTPUT" xlink:href="#output" transform="translate(34.5 42)"/> - <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text> - <text font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text> + <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text> </g> <g class="io-group" transform="translate(74.5 288)"> @@ -108,9 +92,9 @@ <rect class="output-background" width="22" height="40" rx="5" transform="translate(40)"/> <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/> <def id="JUMP_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> + <text class="input-label" font-size="6pt" letter-spacing="1.5px" transform="translate(4 36)">TRIG</text> <def id="DISTANCE_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> - <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(4 36)">TRIG</text> - <text font-size="6pt" letter-spacing="1.5px" transform="translate(35.5 36)">DIST</text> + <text class="output-label" font-size="6pt" letter-spacing="1.5px" transform="translate(35.5 36)">DIST</text> </g> <g transform="translate(96 332)"> diff --git a/res-src/XCO-src.svg b/res-src/XCO-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-fm-xco" viewBox="0 0 50px 50px"> <g transform="translate(25 25)"> <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-210) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-180) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-150) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-120) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-90) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-60) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(-30) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(0) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> </g> </symbol> @@ -68,13 +68,13 @@ <def id="FM_DEPTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0 40)">DEPTH</text> </g> - <g transform="translate(82 0)"> - <!-- <rect width="30" height="47" rx="5" fill="#00c" /> --> - <g transform="translate(8 9)"> - <text font-size="5pt" letter-spacing="2px" transform="translate(-1 -1)">EXP</text> - <def id="FM_TYPE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(0 34)">LIN</text> - </g> + </g> + <g transform="translate(63 52)"> + <!-- <rect width="30" height="47" rx="5" fill="#00c" /> --> + <g transform="translate(8 9)"> + <text font-size="5pt" letter-spacing="2px" transform="translate(-1 -1)">EXP</text> + <def id="FM_TYPE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <text font-size="5pt" letter-spacing="2px" transform="translate(0 34)">LIN</text> </g> </g> </g> @@ -94,21 +94,21 @@ <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.2 15)">SQR</text> --> <g transform="translate(9 6)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> + <polyline class="input-label" points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> </g> <g transform="translate(3 30)"> <def id="SQUARE_PW_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(5 30)">PW</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5 30)">PW</text> <def id="SQUARE_PW_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 118)"> <def id="SQUARE_PHASE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> <def id="SQUARE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 207)"> <def id="SQUARE_MIX_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> <def id="SQUARE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g class="io-group" transform="translate(0 288)"> @@ -120,9 +120,9 @@ </g> </g> </g> - <def xlink:href="#dial-centertick" transform="translate(135 48)"/> - <def xlink:href="#dial-centertick" transform="translate(135 136)"/> - <def xlink:href="#dial-mintick" transform="translate(135 225)"/> + <def xlink:href="#dial-centertick-input" transform="translate(135 48)"/> + <def xlink:href="#dial-centertick-input" transform="translate(135 136)"/> + <def xlink:href="#dial-mintick-input" transform="translate(135 225)"/> <g class="io-group" transform="translate(180 30)"> <rect class="input-background" width="30" height="330" rx="5"/> @@ -133,21 +133,21 @@ <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(4.3 15)">SAW</text> --> <g transform="translate(9 6)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <polyline points="0,8 12,0 12,8" stroke-width="1" fill="none"/> + <polyline class="input-label" points="0,8 12,0 12,8" stroke-width="1" fill="none"/> </g> <g transform="translate(3 30)"> <def id="SAW_SATURATION_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">SAT</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">SAT</text> <def id="SAW_SATURATION_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 118)"> <def id="SAW_PHASE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> <def id="SAW_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 207)"> <def id="SAW_MIX_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> <def id="SAW_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g class="io-group" transform="translate(0 288)"> @@ -159,9 +159,9 @@ </g> </g> </g> - <def xlink:href="#dial-mintick" transform="translate(175 48)"/> - <def xlink:href="#dial-centertick" transform="translate(175 136)"/> - <def xlink:href="#dial-mintick" transform="translate(175 225)"/> + <def xlink:href="#dial-mintick-input" transform="translate(175 48)"/> + <def xlink:href="#dial-centertick-input" transform="translate(175 136)"/> + <def xlink:href="#dial-mintick-input" transform="translate(175 225)"/> <g class="io-group" transform="translate(220 30)"> <rect class="input-background" width="30" height="330" rx="5"/> @@ -172,21 +172,21 @@ <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(7 15)">TRI</text> --> <g transform="translate(9 6)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> + <polyline class="input-label" points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> </g> <g transform="translate(3 30)"> <def id="TRIANGLE_SAMPLE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(1.5 30)">SAM</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(1.5 30)">SAM</text> <def id="TRIANGLE_SAMPLE_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 118)"> <def id="TRIANGLE_PHASE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> <def id="TRIANGLE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 207)"> <def id="TRIANGLE_MIX_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> <def id="TRIANGLE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g class="io-group" transform="translate(0 288)"> @@ -198,9 +198,9 @@ </g> </g> </g> - <def xlink:href="#dial-mintick" transform="translate(215 48)"/> - <def xlink:href="#dial-centertick" transform="translate(215 136)"/> - <def xlink:href="#dial-mintick" transform="translate(215 225)"/> + <def xlink:href="#dial-mintick-input" transform="translate(215 48)"/> + <def xlink:href="#dial-centertick-input" transform="translate(215 136)"/> + <def xlink:href="#dial-mintick-input" transform="translate(215 225)"/> <g class="io-group" transform="translate(260 30)"> <rect class="input-background" width="30" height="330" rx="5"/> @@ -211,22 +211,22 @@ <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 15)">SIN</text> --> <g transform="translate(9 6)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <path d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> - <path d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> + <path class="input-label" d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> + <path class="input-label" d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> </g> <g transform="translate(3 30)"> <def id="SINE_FEEDBACK_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> - <text font-size="6pt" letter-spacing="1px" transform="translate(0.5 30)">FDBK</text> + <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0.5 30)">FDBK</text> <def id="SINE_FEEDBACK_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 118)"> <def id="SINE_PHASE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> <def id="SINE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 207)"> <def id="SINE_MIX_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> + <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> <def id="SINE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g class="io-group" transform="translate(0 288)"> @@ -238,9 +238,9 @@ </g> </g> </g> - <def xlink:href="#dial-mintick" transform="translate(255 48)"/> - <def xlink:href="#dial-centertick" transform="translate(255 136)"/> - <def xlink:href="#dial-mintick" transform="translate(255 225)"/> + <def xlink:href="#dial-mintick-input" transform="translate(255 48)"/> + <def xlink:href="#dial-centertick-input" transform="translate(255 136)"/> + <def xlink:href="#dial-mintick-input" transform="translate(255 225)"/> <!-- <rect width="30" height="10" fill="#0f0" transform="translate(0 303)" /> --> <g class="io-group" transform="translate(0 313)"> diff --git a/res-src/XFade-src.svg b/res-src/XFade-src.svg @@ -6,15 +6,15 @@ <symbol id="dial-mixab-xfade" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">A</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">B</text> </g> </symbol> @@ -28,7 +28,7 @@ <polyline points="5,0 2.5,5" stroke-width="1" stroke-linecap="round" fill="none" transform="translate(0 0)"/> </g> - <polyline points="0,0 2,0" stroke-width="0.3" transform="rotate(-135) translate(9.5 0)"/> + <polyline points="0,0 2,0" stroke-width="0.7" transform="rotate(-135) translate(9.5 0)"/> <polyline points="0,0 2,0" stroke-width="1" transform="rotate(-90) translate(9.5 0)"/> <g transform="rotate(-90) translate(16 0) rotate(90) translate(-2.5 -2.5)"> @@ -37,7 +37,7 @@ <polyline points="5,0 0,5" stroke-width="1" stroke-linecap="round" fill="none" transform="translate(0 0)"/> </g> - <polyline points="0,0 2,0" stroke-width="0.3" transform="rotate(-45) translate(9.5 0)"/> + <polyline points="0,0 2,0" stroke-width="0.7" transform="rotate(-45) translate(9.5 0)"/> <polyline points="0,0 2,0" stroke-width="1" transform="rotate(0) translate(9.5 0)"/> <g transform="rotate(0) translate(16 0) rotate(-0) translate(-2.5 -2.5)"> diff --git a/res-src/defs.svg b/res-src/defs.svg @@ -24,30 +24,30 @@ <symbol id="module8"> <def xlink:href="#module-background"/> <def xlink:href="#module-border"/> - <text class="title" font-size="9pt" letter-spacing="${letterspacing}px" default-letterspacing="3" text-anchor="middle" transform="translate($width/2.0 19)">$name</text> + <text class="title" font-size="9pt" letter-spacing="${letterspacing}px" default-letterspacing="3" text-anchor="end" transform="translate($width-10.0 19)">$name</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> </symbol> <symbol id="module6"> <def xlink:href="#module-background"/> <def xlink:href="#module-border"/> - <text class="title" font-size="9pt" letter-spacing="${letterspacing}px" default-letterspacing="3" text-anchor="end" transform="translate($width-7.0 17)">$name</text> + <text class="title" font-size="9pt" letter-spacing="${letterspacing}px" default-letterspacing="3" text-anchor="end" transform="translate($width-5.0 17)">$name</text> <g transform="translate(5.5 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> + <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> </g> </symbol> <symbol id="module5"> <def xlink:href="#module-background"/> <def xlink:href="#module-border"/> - <text class="title" font-size="9pt" letter-spacing="${letterspacing}px" default-letterspacing="3" text-anchor="end" transform="translate($width-7.0 17)">$name</text> + <text class="title" font-size="9pt" letter-spacing="${letterspacing}px" default-letterspacing="3" text-anchor="end" transform="translate($width-3.0 17)">$name</text> <g transform="translate(25 374)"> <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text> - <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> + <rect class="background-fill" width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/> </g> </symbol> @@ -58,7 +58,7 @@ <text class="title" font-size="7pt" letter-spacing="${letterspacing}px" default-letterspacing="2.5">$name</text> <g transform="translate(0 12)"> <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> </g> </g> </symbol> @@ -75,6 +75,10 @@ </g> </symbol> + <symbol id="display" viewBox="0 0 ${width}px ${height}px"> + <rect cx="0" cy="0" width="$width" height="$height" fill="#444"/> + </symbol> + <symbol id="input" viewBox="0 0 24px 24px"> <g transform="translate(12 12)"> <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> @@ -146,7 +150,7 @@ </g> </g> <g transform="rotate(-172.92) translate(17 0)"> - <polyline points="0,0 1.5,0" stroke-width="0.3"/> + <polyline points="0,0 1.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(17 0)"> <g transform="translate(3 0) rotate(145.13)"> @@ -154,13 +158,13 @@ </g> </g> <g transform="rotate(-105.84) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-75.68) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(17 0)"> <g transform="translate(3 0) rotate(27.87)"> @@ -168,19 +172,19 @@ </g> </g> <g transform="rotate(-7.62) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(17 0)"> - <polyline points="0,0 3,0" stroke-width="0.3"/> + <polyline points="0,0 3,0" stroke-width="0.7"/> </g> </g> </symbol> @@ -191,31 +195,31 @@ <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> @@ -225,62 +229,70 @@ <symbol id="dial-centertick" viewBox="0 0 40px 40px"> <g transform="translate(20 20)"> - <g transform="rotate(-90) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </symbol> + + <symbol id="dial-centertick-input" viewBox="0 0 40px 40px"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </symbol> <symbol id="dial-centertick-19" viewBox="0 0 40px 40px"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </symbol> <symbol id="dial-change" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 4,0" stroke-width="1.0" transform="rotate(-240) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(17 0)"/> </g> </symbol> <symbol id="dial-channels" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">1</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-220) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-200) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-220) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-200) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-180) translate(17 0) rotate(180) translate(-2 2.2)">4</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-160) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-140) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-160) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-140) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-100) translate(17 0) rotate(100) translate(-1.9 2.5)">8</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-80) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(-40) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-80) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(-20) translate(17 0) rotate(20) translate(-3 2.4)">12</text> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(20) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" transform="rotate(40) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(20) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(40) translate(15 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">16</text> </g> @@ -294,17 +306,17 @@ <text font-size="5pt" transform="rotate(-20) translate(13 0) rotate(20) translate(-2 2)">12</text> <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">16</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-220) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-200) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-160) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-140) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-80) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-40) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(20) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(40) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-220) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-200) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-160) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-140) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-80) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(20) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(40) translate(10 0)"/> </g> </symbol> @@ -312,11 +324,11 @@ <g transform="translate(20 20)"> <text font-size="5pt" transform="rotate(-240) translate(14 0) rotate(240) translate(-2 2)">1</text> <text font-size="5pt" transform="rotate(-197.1) translate(14 0) rotate(197.1) translate(-2 2)">2</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-154.3) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-154.3) translate(10 0)"/> <text font-size="5pt" transform="rotate(-111.4) translate(14 0) rotate(111.4) translate(-2 2)">4</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-68.6) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-68.6) translate(10 0)"/> <text font-size="5pt" transform="rotate(-25.7) translate(13 0) rotate(25.7) translate(-2 2)">6</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(17.1) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(17.1) translate(10 0)"/> <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">8</text> </g> </symbol> @@ -329,7 +341,7 @@ </g> </g> <g transform="rotate(-172.92) translate(30 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.5"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-145.13) translate(30 0)"> <g transform="translate(2 0) rotate(145.13)"> @@ -342,10 +354,10 @@ </g> </g> <g transform="rotate(-75.68) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-27.87) translate(30 0)"> <g transform="translate(2 0) rotate(27.87)"> @@ -353,16 +365,16 @@ </g> </g> <g transform="rotate(-7.62) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -509,11 +521,11 @@ <symbol id="dial-frequency-16" viewBox="0 0 40px 40px"> <g transform="translate(20 20)"> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" transform="rotate(-172.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-172.9) translate(10 0)"/> <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text> </g> </symbol> @@ -521,41 +533,49 @@ <symbol id="dial-linear" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> </g> </symbol> <symbol id="dial-mintick" viewBox="0 0 40px 40px"> <g transform="translate(20 20)"> - <g transform="rotate(-240) translate(10 0)"> - <polyline points="0,0 4,0" stroke-width="1"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.5" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> + </g> + </symbol> + + <symbol id="dial-mintick-input" viewBox="0 0 40px 40px"> + <g transform="translate(20 20)"> + <polyline class="input-label" points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> + <path class="input-label" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> </g> </symbol> <symbol id="dial-outputgain" viewBox="0 0 70px 70px"> <g transform="translate(35 35)"> <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-4 2.5)">0</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-202.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-202.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-165) translate(25 0) rotate(165) translate(-3.5 2.5)">6</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-127.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-127.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-90) translate(25 0) rotate(90) translate(-5 2.5)">12</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-52.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-52.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-15) translate(25 0) rotate(15) translate(-2 2.5)">18</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(22.5) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-1 2.5)">24</text> <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> </g> @@ -564,27 +584,27 @@ <symbol id="dial-pgmr" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-240) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-225) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-195) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-165) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-135) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-105) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-105) translate(15 0)"/> <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-75) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-45) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(-15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(15) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(45) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1.0" transform="rotate(60) translate(15 0)"/> <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text> @@ -637,31 +657,31 @@ </g> </g> <g transform="rotate(-210) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(30 0)"> - <polyline points="0,0 5,0" stroke-width="0.5"/> + <polyline points="0,0 5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5"/> + <polyline points="0,0 4,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(30 0)"> <g transform="translate(2 0) rotate(-60)"> @@ -677,31 +697,31 @@ <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> </g> <g transform="rotate(-210) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-90) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-60) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3"/> + <polyline points="0,0 2.5,0" stroke-width="0.7"/> </g> <g transform="rotate(60) translate(15 0)"> <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> @@ -712,15 +732,15 @@ <symbol id="dial-threshold" viewBox="0 0 70px 70px"> <g transform="translate(35 35)"> <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-210) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-150) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-90) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(-30) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text> - <polyline points="0,0 3,0" stroke-width="0.3" transform="rotate(30) translate(21 0)"/> + <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(21 0)"/> <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text> <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text> </g> @@ -729,15 +749,15 @@ <symbol id="dial-time" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">1</text> </g> </symbol> @@ -746,17 +766,17 @@ <g transform="translate(22.5 22.5)"> <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.9 2.2)">0</text> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(17 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(17 0)"/> <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-4 2.2)">10</text> </g> diff --git a/res-src/skin-dark.css b/res-src/skin-dark.css @@ -0,0 +1,42 @@ +text { + fill: #ddd; +} + +polyline { + stroke: #ddd; +} +path { + stroke: #ddd; +} + +rect.module-background, .background-fill { + fill: #222; +} +polyline.module-border-inner { + stroke: #191919; +} +polyline.module-border-middle { + stroke: #111; +} +polyline.module-border-outer { + stroke: #000; +} + +rect.input-background, rect.input-background-filler { + fill: #aaa; +} +rect.output-background, rect.output-background-filler { + fill: #666; +} +text.input-label { + fill: #333; +} +polyline.input-label, path.input-label { + stroke: #333; +} +text.output-label { + fill: #ddd; +} +polyline.output-label, path.output-label { + stroke: #ddd; +} diff --git a/res-src/styles.css b/res-src/styles.css @@ -34,18 +34,16 @@ polyline.module-border-outer { g.io-group { } -rect.input-background { +rect.input-background, rect.input-background-filler { fill: #fafafa; } -rect.input-background-filler { - fill: #fafafa; -} -rect.output-background { - fill: #bbb; -} -rect.output-background-filler { +rect.output-background, rect.output-background-filler { fill: #bbb; } text.input-label, text.output-label { /* font-size: 6pt; */ } +polyline.input-label, polyline.output-label { +} +path.input-label, path.output-label { +} diff --git a/res/AD-dark.svg b/res/AD-dark.svg Binary files differ. diff --git a/res/AD.svg b/res/AD.svg Binary files differ. diff --git a/res/ADSR-dark.svg b/res/ADSR-dark.svg Binary files differ. diff --git a/res/ADSR.svg b/res/ADSR.svg Binary files differ. diff --git a/res/AMRM-dark.svg b/res/AMRM-dark.svg Binary files differ. diff --git a/res/AMRM.svg b/res/AMRM.svg Binary files differ. diff --git a/res/ASR-dark.svg b/res/ASR-dark.svg Binary files differ. diff --git a/res/ASR.svg b/res/ASR.svg Binary files differ. diff --git a/res/Additator-dark.svg b/res/Additator-dark.svg Binary files differ. diff --git a/res/Additator.svg b/res/Additator.svg Binary files differ. diff --git a/res/AddrSeq-dark.svg b/res/AddrSeq-dark.svg Binary files differ. diff --git a/res/AddrSeq-latif.svg b/res/AddrSeq-latif.svg Binary files differ. diff --git a/res/AddrSeq.svg b/res/AddrSeq.svg Binary files differ. diff --git a/res/Analyzer-dark.svg b/res/Analyzer-dark.svg Binary files differ. diff --git a/res/Analyzer.svg b/res/Analyzer.svg Binary files differ. diff --git a/res/AnalyzerXL.svg b/res/AnalyzerXL.svg Binary files differ. diff --git a/res/Arp-dark.svg b/res/Arp-dark.svg Binary files differ. diff --git a/res/Arp.svg b/res/Arp.svg Binary files differ. diff --git a/res/Assign-dark.svg b/res/Assign-dark.svg Binary files differ. diff --git a/res/Assign.svg b/res/Assign.svg Binary files differ. diff --git a/res/Blank3-dark.svg b/res/Blank3-dark.svg Binary files differ. diff --git a/res/Blank3.svg b/res/Blank3.svg Binary files differ. diff --git a/res/Blank6-dark.svg b/res/Blank6-dark.svg Binary files differ. diff --git a/res/Blank6.svg b/res/Blank6.svg Binary files differ. diff --git a/res/Bool-dark.svg b/res/Bool-dark.svg Binary files differ. diff --git a/res/Bool.svg b/res/Bool.svg Binary files differ. diff --git a/res/CVD-dark.svg b/res/CVD-dark.svg Binary files differ. diff --git a/res/CVD.svg b/res/CVD.svg Binary files differ. diff --git a/res/Clpr-dark.svg b/res/Clpr-dark.svg Binary files differ. diff --git a/res/Clpr.svg b/res/Clpr.svg Binary files differ. diff --git a/res/Cmp-dark.svg b/res/Cmp-dark.svg Binary files differ. diff --git a/res/Cmp.svg b/res/Cmp.svg Binary files differ. diff --git a/res/CmpDist-dark.svg b/res/CmpDist-dark.svg Binary files differ. diff --git a/res/CmpDist.svg b/res/CmpDist.svg Binary files differ. diff --git a/res/DADSRH-dark.svg b/res/DADSRH-dark.svg Binary files differ. diff --git a/res/DADSRH.svg b/res/DADSRH.svg Binary files differ. diff --git a/res/DADSRHPlus-dark.svg b/res/DADSRHPlus-dark.svg Binary files differ. diff --git a/res/DADSRHPlus.svg b/res/DADSRHPlus.svg Binary files differ. diff --git a/res/DGate-dark.svg b/res/DGate-dark.svg Binary files differ. diff --git a/res/DGate.svg b/res/DGate.svg Binary files differ. diff --git a/res/Detune-dark.svg b/res/Detune-dark.svg Binary files differ. diff --git a/res/Detune.svg b/res/Detune.svg Binary files differ. diff --git a/res/EQ-dark.svg b/res/EQ-dark.svg Binary files differ. diff --git a/res/EQ.svg b/res/EQ.svg Binary files differ. diff --git a/res/EQS-dark.svg b/res/EQS-dark.svg Binary files differ. diff --git a/res/EQS.svg b/res/EQS.svg Binary files differ. diff --git a/res/Edge-dark.svg b/res/Edge-dark.svg Binary files differ. diff --git a/res/Edge.svg b/res/Edge.svg Binary files differ. diff --git a/res/EightFO-dark.svg b/res/EightFO-dark.svg Binary files differ. diff --git a/res/EightFO.svg b/res/EightFO.svg Binary files differ. diff --git a/res/EightHP-dark.svg b/res/EightHP-dark.svg Binary files differ. diff --git a/res/EightHP.svg b/res/EightHP.svg Binary files differ. diff --git a/res/EightOne-dark.svg b/res/EightOne-dark.svg Binary files differ. diff --git a/res/EightOne.svg b/res/EightOne.svg Binary files differ. diff --git a/res/EighteenHP-dark.svg b/res/EighteenHP-dark.svg Binary files differ. diff --git a/res/EighteenHP.svg b/res/EighteenHP.svg Binary files differ. diff --git a/res/FFB-dark.svg b/res/FFB-dark.svg Binary files differ. diff --git a/res/FFB.svg b/res/FFB.svg Binary files differ. diff --git a/res/FMOp-dark.svg b/res/FMOp-dark.svg Binary files differ. diff --git a/res/FMOp.svg b/res/FMOp.svg Binary files differ. diff --git a/res/FifteenHP-dark.svg b/res/FifteenHP-dark.svg Binary files differ. diff --git a/res/FifteenHP.svg b/res/FifteenHP.svg Binary files differ. diff --git a/res/FiveHP-dark.svg b/res/FiveHP-dark.svg Binary files differ. diff --git a/res/FiveHP.svg b/res/FiveHP.svg Binary files differ. diff --git a/res/FlipFlop-dark.svg b/res/FlipFlop-dark.svg Binary files differ. diff --git a/res/FlipFlop.svg b/res/FlipFlop.svg Binary files differ. diff --git a/res/Follow-dark.svg b/res/Follow-dark.svg Binary files differ. diff --git a/res/Follow.svg b/res/Follow.svg Binary files differ. diff --git a/res/FourMan-dark.svg b/res/FourMan-dark.svg Binary files differ. diff --git a/res/FourMan.svg b/res/FourMan.svg Binary files differ. diff --git a/res/Inv-dark.svg b/res/Inv-dark.svg Binary files differ. diff --git a/res/Inv.svg b/res/Inv.svg Binary files differ. diff --git a/res/LFO-dark.svg b/res/LFO-dark.svg Binary files differ. diff --git a/res/LFO-latif.svg b/res/LFO-latif.svg Binary files differ. diff --git a/res/LFO.svg b/res/LFO.svg Binary files differ. diff --git a/res/LLFO-dark.svg b/res/LLFO-dark.svg Binary files differ. diff --git a/res/LLFO.svg b/res/LLFO.svg Binary files differ. diff --git a/res/LVCF-dark.svg b/res/LVCF-dark.svg Binary files differ. diff --git a/res/LVCF.svg b/res/LVCF.svg Binary files differ. diff --git a/res/LVCO-dark.svg b/res/LVCO-dark.svg Binary files differ. diff --git a/res/LVCO.svg b/res/LVCO.svg Binary files differ. diff --git a/res/Lag-dark.svg b/res/Lag-dark.svg Binary files differ. diff --git a/res/Lag.svg b/res/Lag.svg Binary files differ. diff --git a/res/Lmtr-dark.svg b/res/Lmtr-dark.svg Binary files differ. diff --git a/res/Lmtr.svg b/res/Lmtr.svg Binary files differ. diff --git a/res/Manual-dark.svg b/res/Manual-dark.svg Binary files differ. diff --git a/res/Manual.svg b/res/Manual.svg Binary files differ. diff --git a/res/Matrix44-dark.svg b/res/Matrix44-dark.svg Binary files differ. diff --git a/res/Matrix44.svg b/res/Matrix44.svg Binary files differ. diff --git a/res/Matrix88-dark.svg b/res/Matrix88-dark.svg Binary files differ. diff --git a/res/Matrix88.svg b/res/Matrix88.svg Binary files differ. diff --git a/res/Mix1-dark.svg b/res/Mix1-dark.svg Binary files differ. diff --git a/res/Mix1-latif.svg b/res/Mix1-latif.svg Binary files differ. diff --git a/res/Mix1.svg b/res/Mix1.svg Binary files differ. diff --git a/res/Mix2-dark.svg b/res/Mix2-dark.svg Binary files differ. diff --git a/res/Mix2-latif.svg b/res/Mix2-latif.svg Binary files differ. diff --git a/res/Mix2.svg b/res/Mix2.svg Binary files differ. diff --git a/res/Mix4-dark.svg b/res/Mix4-dark.svg Binary files differ. diff --git a/res/Mix4-latif.svg b/res/Mix4-latif.svg Binary files differ. diff --git a/res/Mix4.svg b/res/Mix4.svg Binary files differ. diff --git a/res/Mix4x-dark.svg b/res/Mix4x-dark.svg Binary files differ. diff --git a/res/Mix4x-latif.svg b/res/Mix4x-latif.svg Binary files differ. diff --git a/res/Mix4x.svg b/res/Mix4x.svg Binary files differ. diff --git a/res/Mix8-dark.svg b/res/Mix8-dark.svg Binary files differ. diff --git a/res/Mix8-latif.svg b/res/Mix8-latif.svg Binary files differ. diff --git a/res/Mix8.svg b/res/Mix8.svg Binary files differ. diff --git a/res/Mix8x-dark.svg b/res/Mix8x-dark.svg Binary files differ. diff --git a/res/Mix8x-latif.svg b/res/Mix8x-latif.svg Binary files differ. diff --git a/res/Mix8x.svg b/res/Mix8x.svg Binary files differ. diff --git a/res/Mono-dark.svg b/res/Mono-dark.svg Binary files differ. diff --git a/res/Mono.svg b/res/Mono.svg Binary files differ. diff --git a/res/Mult-dark.svg b/res/Mult-dark.svg Binary files differ. diff --git a/res/Mult.svg b/res/Mult.svg Binary files differ. diff --git a/res/Mumix-dark.svg b/res/Mumix-dark.svg Binary files differ. diff --git a/res/Mumix.svg b/res/Mumix.svg Binary files differ. diff --git a/res/Mute8-dark.svg b/res/Mute8-dark.svg Binary files differ. diff --git a/res/Mute8.svg b/res/Mute8.svg Binary files differ. diff --git a/res/Noise-dark.svg b/res/Noise-dark.svg Binary files differ. diff --git a/res/Noise.svg b/res/Noise.svg Binary files differ. diff --git a/res/Nsgt-dark.svg b/res/Nsgt-dark.svg Binary files differ. diff --git a/res/Nsgt.svg b/res/Nsgt.svg Binary files differ. diff --git a/res/Offset-dark.svg b/res/Offset-dark.svg Binary files differ. diff --git a/res/Offset-latif.svg b/res/Offset-latif.svg Binary files differ. diff --git a/res/Offset.svg b/res/Offset.svg Binary files differ. diff --git a/res/OneEight-dark.svg b/res/OneEight-dark.svg Binary files differ. diff --git a/res/OneEight.svg b/res/OneEight.svg Binary files differ. diff --git a/res/PEQ-dark.svg b/res/PEQ-dark.svg Binary files differ. diff --git a/res/PEQ.svg b/res/PEQ.svg Binary files differ. diff --git a/res/PEQ14-dark.svg b/res/PEQ14-dark.svg Binary files differ. diff --git a/res/PEQ14.svg b/res/PEQ14.svg Binary files differ. diff --git a/res/PEQ14XF-dark.svg b/res/PEQ14XF-dark.svg Binary files differ. diff --git a/res/PEQ14XF.svg b/res/PEQ14XF.svg Binary files differ. diff --git a/res/PEQ14XR-dark.svg b/res/PEQ14XR-dark.svg Binary files differ. diff --git a/res/PEQ14XR.svg b/res/PEQ14XR.svg Binary files differ. diff --git a/res/PEQ14XV-dark.svg b/res/PEQ14XV-dark.svg Binary files differ. diff --git a/res/PEQ14XV.svg b/res/PEQ14XV.svg Binary files differ. diff --git a/res/PEQ6-dark.svg b/res/PEQ6-dark.svg Binary files differ. diff --git a/res/PEQ6.svg b/res/PEQ6.svg Binary files differ. diff --git a/res/PEQ6XF-dark.svg b/res/PEQ6XF-dark.svg Binary files differ. diff --git a/res/PEQ6XF.svg b/res/PEQ6XF.svg Binary files differ. diff --git a/res/Pan-dark.svg b/res/Pan-dark.svg Binary files differ. diff --git a/res/Pan.svg b/res/Pan.svg Binary files differ. diff --git a/res/Pgmr-dark.svg b/res/Pgmr-dark.svg Binary files differ. diff --git a/res/Pgmr.svg b/res/Pgmr.svg Binary files differ. diff --git a/res/PgmrX-dark.svg b/res/PgmrX-dark.svg Binary files differ. diff --git a/res/PgmrX.svg b/res/PgmrX.svg Binary files differ. diff --git a/res/PolyCon16-dark.svg b/res/PolyCon16-dark.svg Binary files differ. diff --git a/res/PolyCon16.svg b/res/PolyCon16.svg Binary files differ. diff --git a/res/PolyCon8-dark.svg b/res/PolyCon8-dark.svg Binary files differ. diff --git a/res/PolyCon8.svg b/res/PolyCon8.svg Binary files differ. diff --git a/res/PolyMult-dark.svg b/res/PolyMult-dark.svg Binary files differ. diff --git a/res/PolyMult.svg b/res/PolyMult.svg Binary files differ. diff --git a/res/PolyOff16-dark.svg b/res/PolyOff16-dark.svg Binary files differ. diff --git a/res/PolyOff16.svg b/res/PolyOff16.svg Binary files differ. diff --git a/res/PolyOff8-dark.svg b/res/PolyOff8-dark.svg Binary files differ. diff --git a/res/PolyOff8.svg b/res/PolyOff8.svg Binary files differ. diff --git a/res/Pressor-dark.svg b/res/Pressor-dark.svg Binary files differ. diff --git a/res/Pressor.svg b/res/Pressor.svg Binary files differ. diff --git a/res/Pulse-dark.svg b/res/Pulse-dark.svg Binary files differ. diff --git a/res/Pulse.svg b/res/Pulse.svg Binary files differ. diff --git a/res/Reftone-dark.svg b/res/Reftone-dark.svg Binary files differ. diff --git a/res/Reftone.svg b/res/Reftone.svg Binary files differ. diff --git a/res/SampleHold-dark.svg b/res/SampleHold-dark.svg Binary files differ. diff --git a/res/SampleHold.svg b/res/SampleHold.svg Binary files differ. diff --git a/res/Shaper-dark.svg b/res/Shaper-dark.svg Binary files differ. diff --git a/res/Shaper.svg b/res/Shaper.svg Binary files differ. diff --git a/res/ShaperPlus-dark.svg b/res/ShaperPlus-dark.svg Binary files differ. diff --git a/res/ShaperPlus.svg b/res/ShaperPlus.svg Binary files differ. diff --git a/res/Sine-dark.svg b/res/Sine-dark.svg Binary files differ. diff --git a/res/Sine.svg b/res/Sine.svg Binary files differ. diff --git a/res/SixHP-dark.svg b/res/SixHP-dark.svg Binary files differ. diff --git a/res/SixHP.svg b/res/SixHP.svg Binary files differ. diff --git a/res/SixteenHP-dark.svg b/res/SixteenHP-dark.svg Binary files differ. diff --git a/res/SixteenHP.svg b/res/SixteenHP.svg Binary files differ. diff --git a/res/Slew-dark.svg b/res/Slew-dark.svg Binary files differ. diff --git a/res/Slew.svg b/res/Slew.svg Binary files differ. diff --git a/res/Stack-dark.svg b/res/Stack-dark.svg Binary files differ. diff --git a/res/Stack.svg b/res/Stack.svg Binary files differ. diff --git a/res/Sums-dark.svg b/res/Sums-dark.svg Binary files differ. diff --git a/res/Sums.svg b/res/Sums.svg Binary files differ. diff --git a/res/Switch-dark.svg b/res/Switch-dark.svg Binary files differ. diff --git a/res/Switch.svg b/res/Switch.svg Binary files differ. diff --git a/res/Switch1616-dark.svg b/res/Switch1616-dark.svg Binary files differ. diff --git a/res/Switch1616.svg b/res/Switch1616.svg Binary files differ. diff --git a/res/Switch44-dark.svg b/res/Switch44-dark.svg Binary files differ. diff --git a/res/Switch44.svg b/res/Switch44.svg Binary files differ. diff --git a/res/Switch88-dark.svg b/res/Switch88-dark.svg Binary files differ. diff --git a/res/Switch88.svg b/res/Switch88.svg Binary files differ. diff --git a/res/TenHP-dark.svg b/res/TenHP-dark.svg Binary files differ. diff --git a/res/TenHP.svg b/res/TenHP.svg Binary files differ. diff --git a/res/Test-dark.svg b/res/Test-dark.svg Binary files differ. diff --git a/res/Test.svg b/res/Test.svg Binary files differ. diff --git a/res/Test2-dark.svg b/res/Test2-dark.svg Binary files differ. diff --git a/res/Test2.svg b/res/Test2.svg Binary files differ. diff --git a/res/TestExpanderBase-dark.svg b/res/TestExpanderBase-dark.svg Binary files differ. diff --git a/res/TestExpanderBase.svg b/res/TestExpanderBase.svg Binary files differ. diff --git a/res/TestExpanderExtension-dark.svg b/res/TestExpanderExtension-dark.svg Binary files differ. diff --git a/res/TestExpanderExtension.svg b/res/TestExpanderExtension.svg Binary files differ. diff --git a/res/TestVCF-dark.svg b/res/TestVCF-dark.svg Binary files differ. diff --git a/res/TestVCF.svg b/res/TestVCF.svg Binary files differ. diff --git a/res/ThirteenHP-dark.svg b/res/ThirteenHP-dark.svg Binary files differ. diff --git a/res/ThirteenHP.svg b/res/ThirteenHP.svg Binary files differ. diff --git a/res/ThirtyHP-dark.svg b/res/ThirtyHP-dark.svg Binary files differ. diff --git a/res/ThirtyHP.svg b/res/ThirtyHP.svg Binary files differ. diff --git a/res/ThreeHP-dark.svg b/res/ThreeHP-dark.svg Binary files differ. diff --git a/res/ThreeHP.svg b/res/ThreeHP.svg Binary files differ. diff --git a/res/TwelveHP-dark.svg b/res/TwelveHP-dark.svg Binary files differ. diff --git a/res/TwelveHP.svg b/res/TwelveHP.svg Binary files differ. diff --git a/res/TwentyFiveHP-dark.svg b/res/TwentyFiveHP-dark.svg Binary files differ. diff --git a/res/TwentyFiveHP.svg b/res/TwentyFiveHP.svg Binary files differ. diff --git a/res/TwentyHP-dark.svg b/res/TwentyHP-dark.svg Binary files differ. diff --git a/res/TwentyHP.svg b/res/TwentyHP.svg Binary files differ. diff --git a/res/TwentyTwoHP-dark.svg b/res/TwentyTwoHP-dark.svg Binary files differ. diff --git a/res/TwentyTwoHP.svg b/res/TwentyTwoHP.svg Binary files differ. diff --git a/res/UMix-dark.svg b/res/UMix-dark.svg Binary files differ. diff --git a/res/UMix.svg b/res/UMix.svg Binary files differ. diff --git a/res/Unison-dark.svg b/res/Unison-dark.svg Binary files differ. diff --git a/res/Unison.svg b/res/Unison.svg Binary files differ. diff --git a/res/VCA-dark.svg b/res/VCA-dark.svg Binary files differ. diff --git a/res/VCA.svg b/res/VCA.svg Binary files differ. diff --git a/res/VCAmp-dark.svg b/res/VCAmp-dark.svg Binary files differ. diff --git a/res/VCAmp.svg b/res/VCAmp.svg Binary files differ. diff --git a/res/VCF-dark.svg b/res/VCF-dark.svg Binary files differ. diff --git a/res/VCF.svg b/res/VCF.svg Binary files differ. diff --git a/res/VCM-dark.svg b/res/VCM-dark.svg Binary files differ. diff --git a/res/VCM.svg b/res/VCM.svg Binary files differ. diff --git a/res/VCO-dark.svg b/res/VCO-dark.svg Binary files differ. diff --git a/res/VCO-latif.svg b/res/VCO-latif.svg Binary files differ. diff --git a/res/VCO.svg b/res/VCO.svg Binary files differ. diff --git a/res/VU-dark.svg b/res/VU-dark.svg Binary files differ. diff --git a/res/VU.svg b/res/VU.svg Binary files differ. diff --git a/res/Walk-dark.svg b/res/Walk-dark.svg Binary files differ. diff --git a/res/Walk-latif.svg b/res/Walk-latif.svg Binary files differ. diff --git a/res/Walk.svg b/res/Walk.svg Binary files differ. diff --git a/res/Walk2-dark.svg b/res/Walk2-dark.svg Binary files differ. diff --git a/res/Walk2-latif.svg b/res/Walk2-latif.svg Binary files differ. diff --git a/res/Walk2.svg b/res/Walk2.svg Binary files differ. diff --git a/res/XCO-dark.svg b/res/XCO-dark.svg Binary files differ. diff --git a/res/XCO-latif.svg b/res/XCO-latif.svg Binary files differ. diff --git a/res/XCO.svg b/res/XCO.svg Binary files differ. diff --git a/res/XFade-dark.svg b/res/XFade-dark.svg Binary files differ. diff --git a/res/XFade.svg b/res/XFade.svg Binary files differ. diff --git a/res/button_18px_0.svg b/res/button_18px_0.svg Binary files differ. diff --git a/res/button_18px_1.svg b/res/button_18px_1.svg Binary files differ. diff --git a/res/button_18px_1_green.svg b/res/button_18px_1_green.svg Binary files differ. diff --git a/res/button_18px_1_orange.svg b/res/button_18px_1_orange.svg Binary files differ. diff --git a/res/button_9px_0.svg b/res/button_9px_0.svg Binary files differ. diff --git a/res/button_9px_1.svg b/res/button_9px_1.svg Binary files differ. diff --git a/res/button_9px_1_green.svg b/res/button_9px_1_green.svg Binary files differ. diff --git a/res/knob_16px.svg b/res/knob_16px.svg Binary files differ. diff --git a/res/knob_19px.svg b/res/knob_19px.svg Binary files differ. diff --git a/res/knob_26px.svg b/res/knob_26px.svg Binary files differ. diff --git a/res/knob_29px.svg b/res/knob_29px.svg Binary files differ. diff --git a/res/knob_38px.svg b/res/knob_38px.svg Binary files differ. diff --git a/res/knob_45px.svg b/res/knob_45px.svg Binary files differ. diff --git a/res/knob_68px.svg b/res/knob_68px.svg Binary files differ. diff --git a/res/port.svg b/res/port.svg Binary files differ. diff --git a/res/slider_switch_2_14px_0.svg b/res/slider_switch_2_14px_0.svg Binary files differ. diff --git a/res/slider_switch_2_14px_1.svg b/res/slider_switch_2_14px_1.svg Binary files differ. diff --git a/scripts/svg_preprocess.rb b/scripts/svg_preprocess.rb @@ -1,5 +1,6 @@ #!/usr/bin/env ruby +require 'css_parser' require 'listen' require 'nokogiri' require 'optparse' @@ -322,6 +323,36 @@ def write_output(name, doc, styles) n.node_name = 'style' end + # hack to inline the path stroke on each path; rendering through Inkscape doesn't handle styles on paths correctly. + parser = CssParser::Parser.new + parser.load_string!(styles) + + stroke = '#333' + if parser.find_by_selector('path').last =~ /stroke:\s+(#\w+);/ + stroke = $1 + end + + input_stroke = '#333' + if parser.find_by_selector('path.input-label').last =~ /stroke:\s+(#\w+);/ + input_stroke = $1 + end + + output_stroke = '#333' + if parser.find_by_selector('path.output-label').last =~ /stroke:\s+(#\w+);/ + output_stroke = $1 + end + + doc.css('path').each do |n| + n['stroke'] = stroke + end + doc.css('path[@class="input-label"]').each do |n| + n['stroke'] = input_stroke + end + doc.css('path[@class="output-label"]').each do |n| + n['stroke'] = output_stroke + end + # end hack + fn = File.join($pp_dir, "#{name}-pp.svg") File.write(fn, doc.to_xml) puts "Wrote #{fn}" @@ -340,12 +371,16 @@ def process(name) doc = read_xml(fn) hp = 3 + noskin = false root = doc.at_css(':root') if root.node_name == 'module' if root['hp'] && !root['hp'].to_s.empty? hp = root['hp'].to_s.to_i end + if root['noskin'] && root['noskin'].to_s == 'true' + noskin = true + end root.node_name = 'svg' root['xmlns'] = 'http://www.w3.org/2000/svg' root['xmlns:xlink'] = 'http://www.w3.org/1999/xlink' @@ -396,8 +431,10 @@ def process(name) name = widget_from_filename(fn) write_output(name, doc, $main_styles) - $skins.each do |skin_name, skin| - write_output("#{name}-#{skin_name}", doc, "#{$main_styles}\n\n#{skin[1]}") + unless noskin + $skins.each do |skin_name, skin| + write_output("#{name}-#{skin_name}", doc, "#{$main_styles}\n\n#{skin[1]}") + end end end diff --git a/scripts/svg_render.rb b/scripts/svg_render.rb @@ -24,14 +24,14 @@ ARGV.each do |file| end name = nil - if File.basename(file) =~ /^(.*)-pp.svg$/ + if File.basename(file) =~ /^(.*)(-\w+)?-pp.svg$/ name = $1 else STDERR.puts "Input file #{file} must be named *-pp.svg" exit 1 end - Dir.glob(File.join(File.dirname(file), "#{name}*-pp.svg")).each do |fn| + Dir.glob(File.join(File.dirname(file), "#{name}-*pp.svg")).each do |fn| unless svg_filenames.key?(fn) svg_filenames[fn] = true