BogaudioModules

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

commit 8e20e796763aca99f00cea4f2157601787ed9fa4
parent e94a7e941e9f8ae79f65c59ef520554fd1b6c13b
Author: Matt Demanett <matt@demanett.net>
Date:   Mon,  3 Aug 2020 00:43:21 -0400

Replace symbol import with direct inling of the symbol/def in svg sources.

Diffstat:
Mres-pp/AD-pp.svg | 191+++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------
Mres-pp/ADSR-pp.svg | 257++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------
Mres-pp/AMRM-pp.svg | 78++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------
Mres-pp/ASR-pp.svg | 194+++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------
Mres-pp/Additator-pp.svg | 582+++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------
Mres-pp/AddrSeq-pp.svg | 229++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------
Mres-pp/Analyzer-pp.svg | 136++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------
Mres-pp/AnalyzerXL-pp.svg | 62++++++++++++++++++++++++++++++++++++++++++++++++--------------
Mres-pp/Arp-pp.svg | 143+++++++++++++++++++++++++++++++++++++++++++++++--------------------------------
Mres-pp/Assign-pp.svg | 102++++++++++++++++++++++++++++++++++++++++----------------------------------------
Mres-pp/Bool-pp.svg | 64++++++++++++++++++++++++++++++++++++++++++----------------------
Mres-pp/CVD-pp.svg | 131++++++++++++++++++++++++++++++++++++++++++-------------------------------------
Mres-pp/Clpr-pp.svg | 135++++++++++++++++++++++++++++++++++++++++++++-----------------------------------
Mres-pp/Cmp-pp.svg | 162++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------
Mres-pp/CmpDist-pp.svg | 257++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------
Mres-pp/DADSRH-pp.svg | 495+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------
Mres-pp/DADSRHPlus-pp.svg | 586+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------
Mres-pp/DGate-pp.svg | 170+++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------
Mres-pp/Detune-pp.svg | 63+++++++++++++++++++++++++++++++++++++--------------------------
Mres-pp/EQ-pp.svg | 58+++++++++++++++++++++++++++++++++-------------------------
Mres-pp/EQS-pp.svg | 72+++++++++++++++++++++++++++++++++++++++++++++---------------------------
Mres-pp/Edge-pp.svg | 86++++++++++++++++++++++++++++++++++++++++++++-----------------------------------
Mres-pp/EightFO-pp.svg | 543+++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------
Mres-pp/EightOne-pp.svg | 223+++++++++++++++++++++++++++++++++++++++++++++++++------------------------------
Mres-pp/FFB-pp.svg | 443+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------
Mres-pp/FMOp-pp.svg | 309+++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------
Mres-pp/FlipFlop-pp.svg | 71++++++++++++++++++++++++++++++++++++++++++++++++-----------------------
Mres-pp/Follow-pp.svg | 64++++++++++++++++++++++++++++++++++++++--------------------------
Mres-pp/FourMan-pp.svg | 66++++++++++++++++++++++++++++++++++++++++++++----------------------
Mres-pp/Inv-pp.svg | 110+++++++++++++++++++++++++++++++++++++++++++++++++------------------------------
Mres-pp/LFO-pp.svg | 307+++++++++++++++++++++++++++++++++++++++++++++----------------------------------
Mres-pp/LLFO-pp.svg | 162+++++++++++++++++++++++++++++++++++++++++++------------------------------------
Mres-pp/LVCF-pp.svg | 125++++++++++++++++++++++++++++++++++++++++++-------------------------------------
Mres-pp/LVCO-pp.svg | 138++++++++++++++++++++++++++++++++++++++++++++-----------------------------------
Mres-pp/Lag-pp.svg | 131++++++++++++++++++++++++++++++++++++++++++-------------------------------------
Mres-pp/Lmtr-pp.svg | 135++++++++++++++++++++++++++++++++++++++++++++-----------------------------------
Mres-pp/Manual-pp.svg | 76+++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------
Mres-pp/Matrix44-pp.svg | 375++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------
Mres-pp/Matrix88-pp.svg | 1301++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------
Mres-pp/Mix1-pp.svg | 114++++++++++++++++++++++++++++++++++++++++---------------------------------------
Mres-pp/Mix2-pp.svg | 116++++++++++++++++++++++++++++++++++++++++++++-----------------------------------
Mres-pp/Mix4-pp.svg | 481+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------
Mres-pp/Mix4x-pp.svg | 641++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------
Mres-pp/Mix8-pp.svg | 931+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------
Mres-pp/Mix8x-pp.svg | 1143+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------
Mres-pp/Mono-pp.svg | 170++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------
Mres-pp/Mult-pp.svg | 71++++++++++++++++++++++++++++++++++++++++++++++++-----------------------
Mres-pp/Mumix-pp.svg | 131++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------
Mres-pp/Mute8-pp.svg | 271++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------
Mres-pp/Noise-pp.svg | 64++++++++++++++++++++++++++++++++++++++++++----------------------
Mres-pp/Nsgt-pp.svg | 120++++++++++++++++++++++++++++++++++++++++++++++---------------------------------
Mres-pp/Offset-pp.svg | 64++++++++++++++++++++++++++++++++++++++--------------------------
Mres-pp/OneEight-pp.svg | 223+++++++++++++++++++++++++++++++++++++++++++++++++------------------------------
Mres-pp/PEQ-pp.svg | 333+++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------
Mres-pp/PEQ14-pp.svg | 1773++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------
Mres-pp/PEQ14XF-pp.svg | 188++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------
Mres-pp/PEQ14XR-pp.svg | 97+++++++++++++++++++++++++++++++++++++++++--------------------------------------
Mres-pp/PEQ14XV-pp.svg | 203+++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------
Mres-pp/PEQ6-pp.svg | 951++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------
Mres-pp/PEQ6XF-pp.svg | 120+++++++++++++++++++++++++++++++++++++++++++++++--------------------------------
Mres-pp/Pan-pp.svg | 78++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------
Mres-pp/Pgmr-pp.svg | 944++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------
Mres-pp/PgmrX-pp.svg | 818++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------
Mres-pp/PolyCon16-pp.svg | 458+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------
Mres-pp/PolyCon8-pp.svg | 229++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------
Mres-pp/PolyMult-pp.svg | 101+++++++++++++++++++++++++++++++++++++++++++++----------------------------------
Mres-pp/PolyOff16-pp.svg | 1006++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------
Mres-pp/PolyOff8-pp.svg | 502+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------
Mres-pp/Pressor-pp.svg | 223+++++++++++++++++++++++++++++++++++++++++++++++--------------------------------
Mres-pp/Pulse-pp.svg | 113+++++++++++++++++++++++++++++++++++++++++++------------------------------------
Mres-pp/Reftone-pp.svg | 52+++++++++++++++++++++++++++++++++-------------------
Mres-pp/SampleHold-pp.svg | 103++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------
Mres-pp/Shaper-pp.svg | 523+++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------
Mres-pp/ShaperPlus-pp.svg | 605++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------
Mres-pp/Sine-pp.svg | 143+++++++++++++++++++++++++++++++++++++++++++------------------------------------
Mres-pp/Slew-pp.svg | 87+++++++++++++++++++++++++++++++++++++++++++++++--------------------------------
Mres-pp/Stack-pp.svg | 90++++++++++++++++++++++++++++++++++++++++++++-----------------------------------
Mres-pp/Sums-pp.svg | 71++++++++++++++++++++++++++++++++++++++++++++++++-----------------------
Mres-pp/Switch-pp.svg | 105++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------
Mres-pp/Switch1616-pp.svg | 1806+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------
Mres-pp/Switch44-pp.svg | 172+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------
Mres-pp/Switch88-pp.svg | 516+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------
Mres-pp/Test-pp.svg | 192++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------
Mres-pp/Test2-pp.svg | 337++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------
Mres-pp/TestExpanderBase-pp.svg | 36+++++++++++++++---------------------
Mres-pp/TestExpanderExtension-pp.svg | 23+++++++++--------------
Mres-pp/TestVCF-pp.svg | 133+++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------
Mres-pp/UMix-pp.svg | 78++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------
Mres-pp/Unison-pp.svg | 120+++++++++++++++++++++++++++++++++++++++++++++----------------------------------
Mres-pp/VCA-pp.svg | 138+++++++++++++++++++++++++++++++++++++++++++++++++------------------------------
Mres-pp/VCAmp-pp.svg | 96+++++++++++++++++++++++++++++++++++++++----------------------------------------
Mres-pp/VCF-pp.svg | 188++++++++++++++++++++++++++++++++++++++++++++-----------------------------------
Mres-pp/VCM-pp.svg | 141++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------
Mres-pp/VCO-pp.svg | 303+++++++++++++++++++++++++++++++++++++++++++------------------------------------
Mres-pp/VU-pp.svg | 41++++++++++++++++++++++++-----------------
Mres-pp/Walk-pp.svg | 151++++++++++++++++++++++++++++++++++++++++---------------------------------------
Mres-pp/Walk2-pp.svg | 288++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------
Mres-pp/XCO-pp.svg | 566++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------
Mres-pp/XFade-pp.svg | 82+++++++++++++++++++++++++++++++++++++++++--------------------------------------
Mres-src/AD-src.svg | 37++++++++++++++-----------------------
Mres-src/ADSR-src.svg | 35++++++++++++++---------------------
Mres-src/AMRM-src.svg | 20++++++++------------
Mres-src/ASR-src.svg | 36+++++++++++++-----------------------
Mres-src/Additator-src.svg | 79+++++++++++++++++++++++++++++++++----------------------------------------------
Mres-src/AddrSeq-src.svg | 59+++++++++++++++++++++++++----------------------------------
Mres-src/Analyzer-src.svg | 42++++++++++++++++++------------------------
Mres-src/AnalyzerXL-src.svg | 17++++++++---------
Mres-src/Arp-src.svg | 43+++++++++++++++++--------------------------
Mres-src/Assign-src.svg | 23+++++++----------------
Mres-src/Bool-src.svg | 19+++++++------------
Mres-src/CVD-src.svg | 25+++++++++----------------
Mres-src/Clpr-src.svg | 31+++++++++++--------------------
Mres-src/Cmp-src.svg | 34++++++++++++++--------------------
Mres-src/CmpDist-src.svg | 55++++++++++++++++++++++++-------------------------------
Mres-src/DADSRH-src.svg | 88++++++++++++++++++++++++++++++++++---------------------------------------------
Mres-src/DADSRHPlus-src.svg | 110+++++++++++++++++++++++++++++++++++--------------------------------------------
Mres-src/DGate-src.svg | 32+++++++++++---------------------
Mres-src/Detune-src.svg | 16++++++----------
Mres-src/EQ-src.svg | 14+++++---------
Mres-src/EQS-src.svg | 18+++++++-----------
Mres-src/Edge-src.svg | 22++++++++--------------
Mres-src/EightFO-src.svg | 92+++++++++++++++++++++++++++++++++++--------------------------------------------
Mres-src/EightOne-src.svg | 61+++++++++++++++++++++++++------------------------------------
Mres-src/FFB-src.svg | 80+++++++++++++++++++++++++++++++++++--------------------------------------------
Mres-src/FMOp-src.svg | 69+++++++++++++++++++++++++++++----------------------------------------
Mres-src/FlipFlop-src.svg | 21++++++++-------------
Mres-src/Follow-src.svg | 16++++++----------
Mres-src/FourMan-src.svg | 21++++++++-------------
Mres-src/Inv-src.svg | 36++++++++++++++----------------------
Mres-src/LFO-src.svg | 58++++++++++++++++++++++------------------------------------
Mres-src/LLFO-src.svg | 41++++++++++++++++-------------------------
Mres-src/LVCF-src.svg | 32++++++++++++--------------------
Mres-src/LVCO-src.svg | 38+++++++++++++++-----------------------
Mres-src/Lag-src.svg | 25+++++++++----------------
Mres-src/Lmtr-src.svg | 31+++++++++++--------------------
Mres-src/Manual-src.svg | 25++++++++++---------------
Mres-src/Matrix44-src.svg | 87++++++++++++++++++++++++++++++++++++-------------------------------------------
Mres-src/Matrix88-src.svg | 295+++++++++++++++++++++++++++++++++++++++----------------------------------------
Mres-src/Mix1-src.svg | 22+++++++---------------
Mres-src/Mix2-src.svg | 26+++++++++-----------------
Mres-src/Mix4-src.svg | 88+++++++++++++++++++++++++++++++++++--------------------------------------------
Mres-src/Mix4x-src.svg | 144+++++++++++++++++++++++++++++++++++++------------------------------------------
Mres-src/Mix8-src.svg | 152+++++++++++++++++++++++++++++++++++++------------------------------------------
Mres-src/Mix8x-src.svg | 256++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mres-src/Mono-src.svg | 56+++++++++++++++++++++++++-------------------------------
Mres-src/Mult-src.svg | 21++++++++-------------
Mres-src/Mumix-src.svg | 40+++++++++++++++++-----------------------
Mres-src/Mute8-src.svg | 87++++++++++++++++++++++++++++++++++++-------------------------------------------
Mres-src/Noise-src.svg | 19+++++++------------
Mres-src/Nsgt-src.svg | 26++++++++++----------------
Mres-src/Offset-src.svg | 16++++++----------
Mres-src/OneEight-src.svg | 61+++++++++++++++++++++++++------------------------------------
Mres-src/PEQ-src.svg | 79+++++++++++++++++++++++++++++++++++--------------------------------------------
Mres-src/PEQ14-src.svg | 295++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mres-src/PEQ14XF-src.svg | 48++++++++++++++++++++----------------------------
Mres-src/PEQ14XR-src.svg | 22+++++++---------------
Mres-src/PEQ14XV-src.svg | 44++++++++++++++++++--------------------------
Mres-src/PEQ6-src.svg | 147++++++++++++++++++++++++++++++++++++-------------------------------------------
Mres-src/PEQ6XF-src.svg | 27++++++++++-----------------
Mres-src/Pan-src.svg | 20++++++++------------
Mres-src/Pgmr-src.svg | 124++++++++++++++++++++++++++++++++++++-------------------------------------------
Mres-src/PgmrX-src.svg | 105++++++++++++++++++++++++++++++++++++-------------------------------------------
Mres-src/PolyCon16-src.svg | 114++++++++++++++++++++++++++++++++++++-------------------------------------------
Mres-src/PolyCon8-src.svg | 57+++++++++++++++++++++++++--------------------------------
Mres-src/PolyMult-src.svg | 23++++++++---------------
Mres-src/PolyOff16-src.svg | 210++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mres-src/PolyOff8-src.svg | 114++++++++++++++++++++++++++++++++++++-------------------------------------------
Mres-src/Pressor-src.svg | 51++++++++++++++++++++++-----------------------------
Mres-src/Pulse-src.svg | 25+++++++++----------------
Mres-src/Reftone-src.svg | 13+++++--------
Mres-src/SampleHold-src.svg | 31++++++++++++-------------------
Mres-src/Shaper-src.svg | 61+++++++++++++++++++++++++------------------------------------
Mres-src/ShaperPlus-src.svg | 81++++++++++++++++++++++++++++++++++---------------------------------------------
Mres-src/Sine-src.svg | 30+++++++++++-------------------
Mres-src/Slew-src.svg | 21++++++++-------------
Mres-src/Stack-src.svg | 22++++++++--------------
Mres-src/Sums-src.svg | 21++++++++-------------
Mres-src/Switch-src.svg | 34+++++++++++++---------------------
Mres-src/Switch1616-src.svg | 612+++++++++++++++++++++++++++++++++++++++----------------------------------------
Mres-src/Switch44-src.svg | 54++++++++++++++++++++++++------------------------------
Mres-src/Switch88-src.svg | 166++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mres-src/Test-src.svg | 29+++++++++++------------------
Mres-src/Test2-src.svg | 47++++++++++++++++++++---------------------------
Mres-src/TestExpanderBase-src.svg | 12+++---------
Mres-src/TestExpanderExtension-src.svg | 9++-------
Mres-src/TestVCF-src.svg | 44+++++++++++++++++++-------------------------
Mres-src/UMix-src.svg | 23+++++++++--------------
Mres-src/Unison-src.svg | 21++++++++-------------
Mres-src/VCA-src.svg | 30+++++++++++-------------------
Mres-src/VCAmp-src.svg | 17+++++------------
Mres-src/VCF-src.svg | 41+++++++++++++++--------------------------
Mres-src/VCM-src.svg | 37++++++++++++++++---------------------
Mres-src/VCO-src.svg | 47++++++++++++++++++-----------------------------
Mres-src/VU-src.svg | 11++++-------
Mres-src/Walk-src.svg | 34+++++++++++-----------------------
Mres-src/Walk2-src.svg | 62++++++++++++++++++++++++++------------------------------------
Mres-src/XCO-src.svg | 115++++++++++++++++++++++++++++++++++++-------------------------------------------
Mres-src/XFade-src.svg | 20+++++++-------------
Mres/AD.svg | 0
Mres/ADSR.svg | 0
Mres/AMRM.svg | 0
Mres/ASR.svg | 0
Mres/Additator.svg | 0
Mres/AddrSeq.svg | 0
Mres/Analyzer.svg | 0
Mres/AnalyzerXL.svg | 0
Mres/Arp.svg | 0
Mres/Assign.svg | 0
Mres/Blank3.svg | 0
Mres/Blank6.svg | 0
Mres/Bool.svg | 0
Mres/CVD.svg | 0
Mres/Clpr.svg | 0
Mres/Cmp.svg | 0
Mres/CmpDist.svg | 0
Mres/DADSRH.svg | 0
Mres/DADSRHPlus.svg | 0
Mres/DGate.svg | 0
Mres/Detune.svg | 0
Mres/EQ.svg | 0
Mres/EQS.svg | 0
Mres/Edge.svg | 0
Mres/EightFO.svg | 0
Mres/EightHP.svg | 0
Mres/EightOne.svg | 0
Mres/EighteenHP.svg | 0
Mres/FFB.svg | 0
Mres/FMOp.svg | 0
Mres/FifteenHP.svg | 0
Mres/FiveHP.svg | 0
Mres/FlipFlop.svg | 0
Mres/Follow.svg | 0
Mres/FourMan.svg | 0
Mres/Inv.svg | 0
Mres/LFO.svg | 0
Mres/LLFO.svg | 0
Mres/LVCF.svg | 0
Mres/LVCO.svg | 0
Mres/Lag.svg | 0
Mres/Lmtr.svg | 0
Mres/Manual.svg | 0
Mres/Matrix44.svg | 0
Mres/Matrix88.svg | 0
Mres/Mix1.svg | 0
Mres/Mix2.svg | 0
Mres/Mix4.svg | 0
Mres/Mix4x.svg | 0
Mres/Mix8.svg | 0
Mres/Mix8x.svg | 0
Mres/Mono.svg | 0
Mres/Mult.svg | 0
Mres/Mumix.svg | 0
Mres/Mute8.svg | 0
Mres/Noise.svg | 0
Mres/Nsgt.svg | 0
Mres/Offset.svg | 0
Mres/OneEight.svg | 0
Mres/PEQ.svg | 0
Mres/PEQ14.svg | 0
Mres/PEQ14XF.svg | 0
Mres/PEQ14XR.svg | 0
Mres/PEQ14XV.svg | 0
Mres/PEQ6.svg | 0
Mres/PEQ6XF.svg | 0
Mres/Pan.svg | 0
Mres/Pgmr.svg | 0
Mres/PgmrX.svg | 0
Mres/PolyCon16.svg | 0
Mres/PolyCon8.svg | 0
Mres/PolyMult.svg | 0
Mres/PolyOff16.svg | 0
Mres/PolyOff8.svg | 0
Mres/Pressor.svg | 0
Mres/Pulse.svg | 0
Mres/Reftone.svg | 0
Mres/SampleHold.svg | 0
Mres/Shaper.svg | 0
Mres/ShaperPlus.svg | 0
Mres/Sine.svg | 0
Mres/SixHP.svg | 0
Mres/SixteenHP.svg | 0
Mres/Slew.svg | 0
Mres/Stack.svg | 0
Mres/Sums.svg | 0
Mres/Switch.svg | 0
Mres/Switch1616.svg | 0
Mres/Switch44.svg | 0
Mres/Switch88.svg | 0
Mres/TenHP.svg | 0
Mres/Test.svg | 0
Mres/Test2.svg | 0
Mres/TestExpanderBase.svg | 0
Mres/TestExpanderExtension.svg | 0
Mres/TestVCF.svg | 0
Mres/ThirteenHP.svg | 0
Mres/ThirtyHP.svg | 0
Mres/ThreeHP.svg | 0
Mres/TwelveHP.svg | 0
Mres/TwentyFiveHP.svg | 0
Mres/TwentyHP.svg | 0
Mres/TwentyTwoHP.svg | 0
Mres/UMix.svg | 0
Mres/Unison.svg | 0
Mres/VCA.svg | 0
Mres/VCAmp.svg | 0
Mres/VCF.svg | 0
Mres/VCM.svg | 0
Mres/VCO.svg | 0
Mres/VU.svg | 0
Mres/Walk.svg | 0
Mres/Walk2.svg | 0
Mres/XCO.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 | 31+++++++++++++++++++++++++++++++
Mscripts/svg_render.rb | 2+-
332 files changed, 23893 insertions(+), 10982 deletions(-)

diff --git a/res-pp/AD-pp.svg b/res-pp/AD-pp.svg @@ -15,15 +15,36 @@ text.brand { } </style> - <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <polyline points="13,0 3,380" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <polyline points="32,0 42,380" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> + + <g transform="rotate(-90) translate(-376 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 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> - </symbol> - <symbol id="dial" viewBox="0 0 45px 45px"> + </svg></g> + <g transform="translate(0 0)"><svg> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(17 0)"> <g transform="translate(3 0) rotate(240)"> @@ -68,96 +89,142 @@ text.brand { <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> </g> </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> + </svg></g> + <g transform="translate(20.8 40)"><svg id="ATTACK_LIGHT"> <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> - <!-- <polyline points="13,0 3,380" stroke-width="0.5" stroke="#0f0" /> --> - <!-- <polyline points="32,0 42,380" stroke-width="0.5" stroke="#0f0" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> - - <g transform="rotate(-90) translate(-376 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 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> - <use id="ATTACK_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + </svg></g> </g> <g transform="translate(0 82)"> <text font-size="6pt" letter-spacing="2px" transform="translate(6 0)">DECAY</text> - <use id="DECAY_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <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)"><svg> + <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.3" stroke="#333"/> + </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.3" stroke="#333"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </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.3" stroke="#333"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + </g> + </svg></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> - <use id="RETRIGGER_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/> + <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> - <use id="LOOP_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/> + <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> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> + <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 transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text> - <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(2 70)">ATTACK</text> - <use id="DECAY_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(2.5 105)">DECAY</text> </g> <g transform="translate(5.5 111)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 32)">ENV</text> - <use id="EOC_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 67)">EOC</text> </g> </g> diff --git a/res-pp/ADSR-pp.svg b/res-pp/ADSR-pp.svg @@ -16,14 +16,55 @@ text.brand { </style> <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> + <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.3" stroke="#333" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(17 0)"/> + </g> + </symbol> + </defs> + + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> + + <g transform="rotate(-90) translate(-376 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 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> - </symbol> - <symbol id="dial" viewBox="0 0 45px 45px"> + </svg></g> + <g transform="translate(0 0)"><svg> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(17 0)"> <g transform="translate(3 0) rotate(240)"> @@ -68,111 +109,177 @@ text.brand { <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> </g> </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> + </svg></g> + <g transform="translate(20.8 40)"><svg id="ATTACK_LIGHT"> <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> + </svg></g> + </g> - <symbol id="dial-linear-adsr" viewBox="0 0 45px 45px"> + <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)"><svg> <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.3" stroke="#333" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/> - <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(17 0)"/> + <g transform="rotate(-172.92) translate(17 0)"> + <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333"/> + </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.3" stroke="#333"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </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.3" stroke="#333"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> - - <g transform="rotate(-90) translate(-376 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 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> - <use id="ATTACK_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> - </g> - - <g transform="translate(0 82)"> - <text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">DEC</text> - <use id="DECAY_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + </svg></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> - <use id="SUSTAIN_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> + <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)"/> - <use id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <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> - <use id="RELEASE_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <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)"><svg> + <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.3" stroke="#333"/> + </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.3" stroke="#333"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </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.3" stroke="#333"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + </g> + </svg></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> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> + <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 transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 35)">GATE</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/AMRM-pp.svg b/res-pp/AMRM-pp.svg @@ -16,26 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob45" viewBox="0 0 90px 90px"> - <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> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -86,13 +66,25 @@ text.brand { <g transform="translate(0 49)"> <text font-size="8pt" letter-spacing="2px" transform="translate(18 0)">RECTIFY</text> - <use id="RECTIFY_PARAM" xlink:href="#knob45" transform="translate(0 -5)"/> + <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)"/> </g> <g transform="translate(0 148)"> <text font-size="8pt" letter-spacing="2px" transform="translate(15.5 0)">DRY/WET</text> - <use id="DRYWET_PARAM" xlink:href="#knob45" transform="translate(0 -5)"/> + <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)"/> </g> @@ -100,21 +92,51 @@ text.brand { <g transform="translate(0 0)"> <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)"/> <rect width="68" height="73" rx="5" fill="#fafafa"/> - <use id="MODULATOR_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(7.5 36)">MOD</text> - <use id="CARRIER_INPUT" xlink:href="#input" transform="translate(39 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(42.5 36)">CAR</text> - <use id="RECTIFY_INPUT" xlink:href="#input" transform="translate(5 40)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">RECT</text> - <use id="DRYWET_INPUT" xlink:href="#input" transform="translate(39 40)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(42 72)">D/W</text> </g> <g transform="translate(0 79)"> <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="68" height="37" rx="5" fill="#bbb"/> - <use id="RECTIFY_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 33)">RECT</text> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(42.5 33)">OUT</text> </g> </g> diff --git a/res-pp/ASR-pp.svg b/res-pp/ASR-pp.svg @@ -15,22 +15,36 @@ text.brand { } </style> - <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <polyline points="13,0 13,380" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <polyline points="32,0 32,380" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> + + <g transform="rotate(-90) translate(-376 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 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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial" viewBox="0 0 45px 45px"> + </svg></g> + <g transform="translate(0 0)"><svg> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(17 0)"> <g transform="translate(3 0) rotate(240)"> @@ -75,90 +89,134 @@ text.brand { <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> </g> </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> + </svg></g> + <g transform="translate(20.8 40)"><svg id="ATTACK_LIGHT"> <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> - <!-- <polyline points="13,0 13,380" stroke-width="0.5" stroke="#0f0" /> --> - <!-- <polyline points="32,0 32,380" stroke-width="0.5" stroke="#0f0" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> - - <g transform="rotate(-90) translate(-376 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 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> - <use id="ATTACK_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + </svg></g> </g> <g transform="translate(0 82)"> <text font-size="6pt" letter-spacing="1px" transform="translate(2.5 0)">RELEASE</text> - <use id="RELEASE_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <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)"><svg> + <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.3" stroke="#333"/> + </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.3" stroke="#333"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </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.3" stroke="#333"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + </g> + </svg></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> - <use id="SUSTAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 0)"/> + <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> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> + <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 transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text> - <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(9 70)">ATT</text> - <use id="RELEASE_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(9 105)">REL</text> </g> <g transform="translate(5.5 111)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 32)">ENV</text> - <use id="EOC_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 67)">EOC</text> </g> </g> diff --git a/res-pp/Additator-pp.svg b/res-pp/Additator-pp.svg @@ -16,35 +16,58 @@ text.brand { </style> <defs> - <symbol id="knob68" viewBox="0 0 68px 68px"> + <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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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 width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> --> + <!-- <rect width="50" height="20" fill="#0f0" transform="translate(175 0)" /> --> + + <!-- <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(215 0)" /> --> + + <text class="title" x="49" y="19" font-size="12pt" letter-spacing="4px">ADDITATOR</text> + <g transform="translate(72.5 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </g> + + <!-- <polyline points="0,0 225,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 135)" /> --> + <!-- <polyline points="0,0 225,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 269)" /> --> + <!-- <polyline points="0,0 225,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 180)" /> --> + <!-- <polyline points="0,0 225,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 224)" /> --> + + <g transform="translate(20 25)"> + <!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> --> + <!-- <polyline points="0,54 254,54" stroke="#0f0" stroke-width="1" fill="none" /> --> + <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> + <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> - </symbol> - <symbol id="knob38" viewBox="0 0 38px 38px"> - <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> - </symbol> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial-frequency" viewBox="0 0 108px 108px"> + </svg></g> + </g> + <g transform="translate(20 25)"><svg> <g transform="translate(54 54)"> <g transform="rotate(-240) translate(34 0)"> <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/> @@ -123,8 +146,89 @@ text.brand { <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text> </g> </g> - </symbol> - <symbol id="dial-attenuverter" viewBox="0 0 45px 45px"> + </svg></g> + + <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text> + + <g transform="translate(144 60)"> + <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> --> + <!-- <polyline points="40,-20 40,50" stroke="#0f0" stroke-width="1" fill="none" /> --> + <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)"/> + </g> + + <g transform="translate(10 155)"> + <g transform="translate(10 5)"> + <!-- <polyline points="0,-5 70,-5" stroke="#0f0" stroke-width="1" fill="none" /> --> + <!-- <polyline points="0,8 70,8" stroke="#0f0" stroke-width="1" fill="none" /> --> + <!-- <polyline points="0,21 70,21" stroke="#0f0" stroke-width="1" fill="none" /> --> + <!-- <polyline points="21,-10 21,240" stroke="#0f0" stroke-width="1" fill="none" /> --> + <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> + <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 17)" /> --> + </g> + <g transform="translate(8 -7)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <g transform="translate(53 0)"> + <!-- <polyline points="-50,13 168,13" stroke="#0f0" stroke-width="1" fill="none" /> --> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> + <g transform="translate(106 0)"> + <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> --> + <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)"><svg> <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> @@ -160,8 +264,71 @@ text.brand { <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> </g> </g> - </symbol> - <symbol id="dial-linear" viewBox="0 0 45px 45px"> + </svg></g> + <g transform="translate(158 0)"> + <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> --> + <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)"><svg> + <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.3" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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> + </svg></g> + </g> + + <g transform="translate(10 218)"> + <g transform="translate(-1 0)"> + <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> + <!-- <polyline points="0,13 270,13" stroke="#0f0" stroke-width="1" fill="none" /> --> + <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)"><svg> <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> @@ -175,161 +342,167 @@ text.brand { <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - - <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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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 width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> --> - <!-- <rect width="50" height="20" fill="#0f0" transform="translate(175 0)" /> --> - - <!-- <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(215 0)" /> --> - - <text class="title" x="49" y="19" font-size="12pt" letter-spacing="4px">ADDITATOR</text> - <g transform="translate(72.5 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> - - <!-- <polyline points="0,0 225,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 135)" /> --> - <!-- <polyline points="0,0 225,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 269)" /> --> - <!-- <polyline points="0,0 225,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 180)" /> --> - <!-- <polyline points="0,0 225,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 224)" /> --> - - <g transform="translate(20 25)"> - <!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> --> - <!-- <polyline points="0,54 254,54" stroke="#0f0" stroke-width="1" fill="none" /> --> - <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> - </g> - <use xlink:href="#dial-frequency" transform="translate(20 25)"/> - - <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text> - - <g transform="translate(144 60)"> - <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> --> - <!-- <polyline points="40,-20 40,50" stroke="#0f0" stroke-width="1" fill="none" /> --> - <text font-size="8pt" letter-spacing="2px" transform="translate(4 50) rotate(270)">PARTIALS</text> - <use id="PARTIALS_PARAM" xlink:href="#knob38" transform="translate(21 0)"/> - <use xlink:href="#dial-partials-additator" transform="translate(5 -16)"/> - </g> - - <g transform="translate(10 155)"> - <g transform="translate(10 5)"> - <!-- <polyline points="0,-5 70,-5" stroke="#0f0" stroke-width="1" fill="none" /> --> - <!-- <polyline points="0,8 70,8" stroke="#0f0" stroke-width="1" fill="none" /> --> - <!-- <polyline points="0,21 70,21" stroke="#0f0" stroke-width="1" fill="none" /> --> - <!-- <polyline points="21,-10 21,240" stroke="#0f0" stroke-width="1" fill="none" /> --> - <text font-size="8pt" letter-spacing="2px" transform="translate(-3 22.5) rotate(270)">FINE</text> - <use id="FINE_PARAM" xlink:href="#knob16" transform="translate(10 0)"/> - <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 17)" /> --> - </g> - <use xlink:href="#dial-centertick" transform="translate(8 -7)"/> - <g transform="translate(53 0)"> - <!-- <polyline points="-50,13 168,13" stroke="#0f0" stroke-width="1" fill="none" /> --> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 33) rotate(270)">WIDTH</text> - <use id="WIDTH_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> - </g> - <use xlink:href="#dial-linear" transform="translate(59.5 -9.5)"/> - <g transform="translate(106 0)"> - <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> --> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">O-SKEW</text> - <use id="ODD_SKEW_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> - </g> - <use xlink:href="#dial-attenuverter" transform="translate(112.5 -9.5)"/> - <g transform="translate(158 0)"> - <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> --> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 37.5) rotate(270)">E-SKEW</text> - <use id="EVEN_SKEW_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> - </g> - <use xlink:href="#dial-attenuverter" transform="translate(164.5 -9.5)"/> - </g> - - <g transform="translate(10 218)"> - <g transform="translate(-1 0)"> - <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> - <!-- <polyline points="0,13 270,13" stroke="#0f0" stroke-width="1" fill="none" /> --> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 28.5) rotate(270)">GAIN</text> - <use id="GAIN_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> - </g> - <use xlink:href="#dial-linear" transform="translate(5.5 -9.5)"/> + </svg></g> <g transform="translate(53 0)"> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 33.5) rotate(270)">DECAY</text> - <use id="DECAY_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> + <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> - <use xlink:href="#dial-attenuverter" transform="translate(59.5 -9.5)"/> + <g transform="translate(59.5 -9.5)"><svg> + <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.3" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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> + </svg></g> <g transform="translate(106 0)"> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 43) rotate(270)">BALANCE</text> - <use id="BALANCE_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> + <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> - <use xlink:href="#dial-attenuverter" transform="translate(112.5 -9.5)"/> + <g transform="translate(112.5 -9.5)"><svg> + <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.3" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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> + </svg></g> <g transform="translate(158 0)"> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 34.5) rotate(270)">FILTER</text> - <use id="FILTER_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> + <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> - <use xlink:href="#dial-attenuverter" transform="translate(164.5 -9.5)"/> + <g transform="translate(164.5 -9.5)"><svg> + <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.3" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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> + </svg></g> </g> <g transform="translate(185 272)"> - <use id="SINE_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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> - <use id="COSINE_LIGHT" xlink:href="#light-small" transform="translate(0 15)"/> + <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> - <use id="PHASE_PARAM" xlink:href="#button-small" transform="translate(9 27)"/> + <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 transform="translate(0 269)"> @@ -339,50 +512,105 @@ text.brand { <g transform="translate(10 0)"> <g transform="translate(3 0)"> - <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text> </g> <g transform="translate(37 0)"> - <use id="PARTIALS_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">PRTLS</text> </g> <g transform="translate(71 0)"> - <use id="WIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">WIDTH</text> </g> <g transform="translate(105 0)"> - <use id="ODD_SKEW_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OSK</text> </g> <g transform="translate(139 0)"> - <use id="EVEN_SKEW_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 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)"> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> </g> <g transform="translate(37 0)"> - <use id="GAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(2 40)">GAIN</text> </g> <g transform="translate(71 0)"> - <use id="DECAY_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1 40)">DECAY</text> </g> <g transform="translate(105 0)"> - <use id="BALANCE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">BAL</text> </g> <g transform="translate(139 0)"> - <use id="FILTER_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(3 40)">FLTR</text> </g> <g transform="translate(173 0)"> - <use id="AUDIO_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OUT</text> </g> </g> diff --git a/res-pp/AddrSeq-pp.svg b/res-pp/AddrSeq-pp.svg @@ -16,64 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="dial-select" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial-steps" viewBox="0 0 40px 40px"> - <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> - </symbol> - <symbol id="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="dial-bipolar-addrseq" viewBox="0 0 40px 40px"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(-240) translate(10 0)"/> @@ -117,24 +59,54 @@ text.brand { <g transform="translate(6.5 32)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 30)"/> - <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(4 35)">CLOCK</text> </g> <g transform="translate(6.5 69)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="STEPS_PARAM" xlink:href="#knob16" transform="translate(14.5 10.5)"/> - <use xlink:href="#dial-steps" transform="translate(2.5 -1)"/> + <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)"><svg> + <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> + </svg></g> </g> <g transform="translate(16.5 166)"> <text font-size="5pt" letter-spacing="2px" transform="translate(-1.8 -1)">FWD</text> - <use id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> @@ -142,61 +114,152 @@ text.brand { <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 307)" /> --> <g transform="translate(1 220)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">SELECT</text> - <use id="SELECT_PARAM" xlink:href="#knob29" transform="translate(0 2)"/> - <use xlink:href="#dial-select" transform="translate(0 2)"/> + <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)"><svg> + <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> + </svg></g> <g transform="translate(5.5 47)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11.5 35)">CV</text> </g> </g> <g transform="translate(6.5 321)"> <rect width="34" height="39" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8 35)">OUT</text> </g> <g transform="translate(49.5 32)"> - <use id="OUT1_PARAM" xlink:href="#knob16" transform="translate(9 4)"/> + <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)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 32)">1</text> - <use id="OUT1_LIGHT" xlink:href="#light-small" transform="translate(17 26.5)"/> + <g transform="translate(17 26.5)"><svg id="OUT1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT2_PARAM" xlink:href="#knob16" transform="translate(9 45.3)"/> + <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)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 73.3)">2</text> - <use id="OUT2_LIGHT" xlink:href="#light-small" transform="translate(17 67.8)"/> + <g transform="translate(17 67.8)"><svg id="OUT2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT3_PARAM" xlink:href="#knob16" transform="translate(9 86.6)"/> + <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)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 114.6)">3</text> - <use id="OUT3_LIGHT" xlink:href="#light-small" transform="translate(17 109.1)"/> + <g transform="translate(17 109.1)"><svg id="OUT3_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT4_PARAM" xlink:href="#knob16" transform="translate(9 127.9)"/> + <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)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 155.9)">4</text> - <use id="OUT4_LIGHT" xlink:href="#light-small" transform="translate(17 150.4)"/> + <g transform="translate(17 150.4)"><svg id="OUT4_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT5_PARAM" xlink:href="#knob16" transform="translate(9 169.1)"/> + <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)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 197.1)">5</text> - <use id="OUT5_LIGHT" xlink:href="#light-small" transform="translate(17 191.6)"/> + <g transform="translate(17 191.6)"><svg id="OUT5_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT6_PARAM" xlink:href="#knob16" transform="translate(9 210.4)"/> + <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)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 238.4)">6</text> - <use id="OUT6_LIGHT" xlink:href="#light-small" transform="translate(17 232.9)"/> + <g transform="translate(17 232.9)"><svg id="OUT6_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT7_PARAM" xlink:href="#knob16" transform="translate(9 251.7)"/> + <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)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 279.7)">7</text> - <use id="OUT7_LIGHT" xlink:href="#light-small" transform="translate(17 274.2)"/> + <g transform="translate(17 274.2)"><svg id="OUT7_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT8_PARAM" xlink:href="#knob16" transform="translate(9 293)"/> + <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)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 321)">8</text> - <use id="OUT8_LIGHT" xlink:href="#light-small" transform="translate(17 315.5)"/> + <g transform="translate(17 315.5)"><svg id="OUT8_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> </g> <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 47)" /> --> diff --git a/res-pp/Analyzer-pp.svg b/res-pp/Analyzer-pp.svg @@ -16,34 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob38" viewBox="0 0 38px 38px"> - <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> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - <symbol id="display-analyzer" viewBox="0 0 280px 230px"> <rect cx="0" cy="0" width="280" height="230" fill="#222"/> </symbol> @@ -129,8 +101,18 @@ text.brand { <rect width="62" height="40" rx="5" fill="#fafafa"/> <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="SIGNALA_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="SIGNALA_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> + <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> + <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 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> </g> @@ -139,8 +121,18 @@ text.brand { <rect width="62" height="40" rx="5" fill="#fafafa"/> <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="SIGNALB_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="SIGNALB_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> + <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> + <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 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> </g> @@ -149,8 +141,18 @@ text.brand { <rect width="62" height="40" rx="5" fill="#fafafa"/> <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="SIGNALC_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="SIGNALC_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> + <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> + <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 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> </g> @@ -159,8 +161,18 @@ text.brand { <rect width="62" height="40" rx="5" fill="#fafafa"/> <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="SIGNALD_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="SIGNALD_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> + <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> + <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 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> </g> @@ -168,31 +180,53 @@ text.brand { <g transform="translate(0 271)"> <g transform="translate(30 0)"> - <use id="RANGE2_PARAM" xlink:href="#knob38" transform="translate(0 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)"> - <use id="SMOOTH_PARAM" xlink:href="#knob38" transform="translate(0 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)"> - <use id="QUALITY_ULTRA_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="QUALITY_HIGH_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="QUALITY_GOOD_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="QUALITY_PARAM" xlink:href="#button-small"/> + <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> @@ -201,19 +235,29 @@ text.brand { <g transform="translate(247 0)"> <g transform="translate(-6 -5)"> <g transform="translate(0 1)"> - <use id="WINDOW_NONE_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="WINDOW_HAMMING_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="WINDOW_KAISER_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="WINDOW_PARAM" xlink:href="#button-small"/> + <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> diff --git a/res-pp/AnalyzerXL-pp.svg b/res-pp/AnalyzerXL-pp.svg @@ -16,12 +16,6 @@ text.brand { </style> <defs> - <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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> <symbol id="display-analyzerxl" viewBox="0 0 600px 380px"> <rect cx="0" cy="0" width="600" height="380" fill="#222"/> </symbol> @@ -34,14 +28,54 @@ text.brand { </g> <g transform="translate(3, 13)"> - <use id="SIGNALA_INPUT" xlink:href="#input" transform="translate(0 0)"/> - <use id="SIGNALB_INPUT" xlink:href="#input" transform="translate(0 34)"/> - <use id="SIGNALC_INPUT" xlink:href="#input" transform="translate(0 68)"/> - <use id="SIGNALD_INPUT" xlink:href="#input" transform="translate(0 102)"/> - <use id="SIGNALE_INPUT" xlink:href="#input" transform="translate(0 136)"/> - <use id="SIGNALF_INPUT" xlink:href="#input" transform="translate(0 170)"/> - <use id="SIGNALG_INPUT" xlink:href="#input" transform="translate(0 204)"/> - <use id="SIGNALH_INPUT" xlink:href="#input" transform="translate(0 238)"/> + <g transform="translate(0 0)"><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> + <g transform="translate(0 34)"><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> + <g transform="translate(0 68)"><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> + <g transform="translate(0 102)"><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> + <g transform="translate(0 136)"><svg id="SIGNALE_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-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 170)"><svg id="SIGNALF_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-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 204)"><svg id="SIGNALG_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-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 238)"><svg id="SIGNALH_INPUT"> + <g transform="translate(12 12)"> + <circle cx="0" cy="0" r="5" stroke-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> <use id="DISPLAY_WIDGET" xlink:href="#display-analyzerxl" transform="translate(30 0)"/> diff --git a/res-pp/Arp-pp.svg b/res-pp/Arp-pp.svg @@ -15,47 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -77,46 +36,84 @@ text.brand { <g transform="translate(3 18)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(5 6)">MODE</text> <g transform="translate(0 10)"> - <use id="UP_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="DOWN_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="UP_DOWN_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="UP_DOWN_REPEAT_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="IN_ORDER_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="RANDOM_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="SHUFFLE_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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> - <use id="MODE_PARAM" xlink:href="#button-small" transform="translate(21 39)"/> + <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> - <use id="GATE_LENGTH_PARAM" xlink:href="#knob16" transform="translate(12 9)"/> - <use xlink:href="#dial-mintick" transform="translate(0 -3)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <!-- <rect width="45" height="5" fill="#0f0" transform="translate(0 -11)" /> --> </g> <g transform="translate(6 115)"> <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">HOLD</text> - <use id="HOLD_PARAM" xlink:href="#button-small" transform="translate(23 -1)"/> + <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> <!-- <rect width="45" height="5" fill="#0f0" transform="translate(0 -6)" /> --> <!-- <rect width="45" height="5" fill="#0f0" transform="translate(0 8)" /> --> </g> @@ -125,21 +122,51 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="143" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 133)"/> - <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(2.3 35)">CLOCK</text> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(2.3 70)">RESET</text> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3 105)">V/OCT</text> - <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 108)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 140)">GATE</text> </g> <g transform="translate(5.5 146)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3 32)">V/OCT</text> - <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text> </g> </g> diff --git a/res-pp/Assign-pp.svg b/res-pp/Assign-pp.svg @@ -15,15 +15,31 @@ text.brand { } </style> - <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> + + <g transform="rotate(-90) translate(-376 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 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> - </symbol> - <symbol id="dial-channels" viewBox="0 0 45px 45px"> + </svg></g> + <g transform="translate(0 -1)"><svg> <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" stroke="#333" transform="rotate(-220) translate(15 0)"/> @@ -46,67 +62,51 @@ text.brand { <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">16</text> </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> - - <g transform="rotate(-90) translate(-376 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 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> - <use id="CHANNELS_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> - <use xlink:href="#dial-channels" transform="translate(0 -1)"/> + </svg></g> </g> <g transform="translate(0 75)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/> <rect width="34" height="105" rx="5" fill="#fafafa"/> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> - <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 70)">GATE</text> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3 105)">RESET</text> </g> <g transform="translate(5.5 111)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3 32)">V/OCT</text> - <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text> </g> </g> diff --git a/res-pp/Bool-pp.svg b/res-pp/Bool-pp.svg @@ -15,21 +15,6 @@ text.brand { } </style> - <defs> - <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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -46,17 +31,42 @@ text.brand { <g transform="translate(7.5 18)"> <rect width="34" height="63.5" rx="5" fill="#fafafa" transform="translate(-2 0)"/> <rect width="34" height="10" fill="#fafafa" transform="translate(-2 53.5)"/> - <use id="A_INPUT" xlink:href="#input" transform="translate(3 5)"/> - <use id="B_INPUT" xlink:href="#input" transform="translate(3 35)"/> + <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 transform="translate(7.5 82)"> <rect width="34" height="123" rx="5" fill="#bbb" transform="translate(-2 0)"/> <rect width="34" height="10" fill="#bbb" transform="translate(-2 0)"/> - <use id="AND_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.3 37)">AND</text> - <use id="OR_OUTPUT" xlink:href="#output" transform="translate(3 44)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(9.5 77)">OR</text> - <use id="XOR_OUTPUT" xlink:href="#output" transform="translate(3 84)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 117)">XOR</text> </g> @@ -64,12 +74,22 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 22)"/> <rect width="34" height="32" rx="5" fill="#fafafa"/> - <use id="NOT_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <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 transform="translate(5.5 35)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="39" rx="5" fill="#bbb"/> - <use id="NOT_OUTPUT" xlink:href="#output" transform="translate(5 2)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 34)">NOT</text> </g> </g> diff --git a/res-pp/CVD-pp.svg b/res-pp/CVD-pp.svg @@ -16,58 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <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" stroke="#333" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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> - <symbol id="dial-scale" viewBox="0 0 45px 45px"> - <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" stroke="#333" 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" stroke="#333" 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" stroke="#333" transform="rotate(-45) translate(9.5 0)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -102,24 +50,75 @@ text.brand { <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(9.5 0)">TIME</text> - <use id="TIME_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> - <use xlink:href="#dial-time" transform="translate(0 3)"/> - <use id="TIME_SCALE_PARAM" xlink:href="#knob16" transform="translate(14.5 59)"/> - <use xlink:href="#dial-scale" transform="translate(0 44.5)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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> + </svg></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)"><svg> + <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" stroke="#333" 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" stroke="#333" 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" stroke="#333" transform="rotate(-45) translate(9.5 0)"/> + </g> + </svg></g> <g transform="translate(5.5 79)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="TIME_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="MIX_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> </g> @@ -128,13 +127,23 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/Clpr-pp.svg b/res-pp/Clpr-pp.svg @@ -15,15 +15,33 @@ text.brand { } </style> - <defs> - <symbol id="knob38" viewBox="0 0 38px 38px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <text class="title" x="38" y="17" font-size="9pt" letter-spacing="3px">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)"/> + </g> + + <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(45 0)" /> --> + <!-- <rect width="90" height="15" fill="#0f0" transform="translate(0 18)" /> --> + <!-- <rect width="90" height="15" fill="#0f0" transform="translate(0 102)" /> --> + <!-- <rect width="90" height="7" fill="#0f0" transform="translate(0 185)" /> --> + <!-- <rect width="90" height="7" fill="#0f0" transform="translate(0 232)" /> --> + + <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> - </symbol> - <symbol id="dial-threshold" viewBox="0 0 70px 70px"> + </svg></g> + <g transform="translate(10 -4)"><svg> <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" stroke="#333" transform="rotate(-210) translate(21 0)"/> @@ -38,8 +56,19 @@ text.brand { <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-outputgain" viewBox="0 0 70px 70px"> + </svg></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)"><svg> <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" stroke="#333" transform="rotate(-202.5) translate(21 0)"/> @@ -52,58 +81,16 @@ text.brand { <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> - </symbol> - <symbol id="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <text class="title" x="38" y="17" font-size="9pt" letter-spacing="3px">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)"/> - </g> - - <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(45 0)" /> --> - <!-- <rect width="90" height="15" fill="#0f0" transform="translate(0 18)" /> --> - <!-- <rect width="90" height="15" fill="#0f0" transform="translate(0 102)" /> --> - <!-- <rect width="90" height="7" fill="#0f0" transform="translate(0 185)" /> --> - <!-- <rect width="90" height="7" fill="#0f0" transform="translate(0 232)" /> --> - - <g transform="translate(0 40)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 0)">THRESHOLD</text> - <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> - <use xlink:href="#dial-threshold" transform="translate(10 -4)"/> - </g> - - <g transform="translate(0 122)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(15.5 0)">OUT GAIN</text> - <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> - <use xlink:href="#dial-outputgain" transform="translate(10 -4)"/> + </svg></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> - <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> @@ -111,21 +98,51 @@ text.brand { <g transform="translate(0 0)"> <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)"/> <rect width="68" height="73" rx="5" fill="#fafafa"/> - <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text> - <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text> - <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">TRSH</text> - <use id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(39 40)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(42 72)">OGN</text> </g> <g transform="translate(0 79)"> <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="68" height="37" rx="5" fill="#bbb"/> - <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text> - <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text> </g> </g> diff --git a/res-pp/Cmp-pp.svg b/res-pp/Cmp-pp.svg @@ -16,52 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial-window" 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" stroke="#333" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/> - - <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)"/> - - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="dial-voltage-cmp" viewBox="0 0 90px 45px"> <!-- <rect width="90" height="45" fill="#f003" transform="translate(0 0)" /> --> <g transform="translate(8 22.5)"> @@ -141,44 +95,106 @@ text.brand { <g transform="translate(0 35)"> <text font-size="6pt" letter-spacing="1px" transform="translate(20 0)">A</text> - <use id="A_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="A_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="B_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="B_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="WINDOW_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> - <use xlink:href="#dial-window" transform="translate(0 3)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/> + + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)"/> + + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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> + </svg></g> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="WINDOW_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="LAG_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="LAG_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> </g> @@ -186,27 +202,53 @@ text.brand { <g transform="translate(25 239)"> <!-- <rect width="40" height="32" fill="#0f03" transform="translate(0 0)" /> --> <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 7)">OUTPUT</text> - <use id="OUTPUT_PARAM" xlink:href="#knob16" transform="translate(0.5 12)"/> + <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)"/> </g> <g transform="translate(11 279)"> <rect width="68" height="77" rx="5" fill="#bbb"/> - <use id="GREATER_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <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 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> </g> - <use id="LESS_OUTPUT" xlink:href="#output" transform="translate(39 4)"/> + <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 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> </g> - <use id="EQUAL_OUTPUT" xlink:href="#output" transform="translate(5 40)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12 72)">EQ</text> - <use id="NOT_EQUAL_OUTPUT" xlink:href="#output" transform="translate(39 40)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(42 72)">NOT</text> </g> </svg> diff --git a/res-pp/CmpDist-pp.svg b/res-pp/CmpDist-pp.svg @@ -16,63 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial-window" 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" stroke="#333" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/> - - <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)"/> - - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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> - </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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -139,37 +82,91 @@ text.brand { <g transform="translate(6 35)"> <text font-size="6pt" letter-spacing="1px" transform="translate(3.5 0)">A SCALE</text> - <use id="A_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> </g> <g transform="translate(52.5 35)"> <text font-size="6pt" letter-spacing="1px" transform="translate(4 0)">WINDOW</text> - <use id="WINDOW_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> - <use xlink:href="#dial-window" transform="translate(0 3)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/> + + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)"/> + + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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> + </svg></g> </g> <g transform="translate(99 35)"> <text font-size="6pt" letter-spacing="1px" transform="translate(3.5 0)">B SCALE</text> - <use id="B_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> </g> <g transform="translate(6 100)"> <text font-size="6pt" letter-spacing="1px" transform="translate(6.5 0)">GT MIX</text> - <use id="GT_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> </g> <g transform="translate(52.5 100)"> <text font-size="6pt" letter-spacing="1px" transform="translate(6.5 0)">EQ MIX</text> - <use id="EQ_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> </g> <g transform="translate(99 100)"> <text font-size="6pt" letter-spacing="1px" transform="translate(7 0)">LT MIX</text> - <use id="LT_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> </g> @@ -179,20 +176,58 @@ text.brand { <g transform="translate(52.5 165)"> <text font-size="6pt" letter-spacing="1px" transform="translate(2.5 0)">DRY/WET</text> - <use id="DRY_WET_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> </g> <g transform="translate(20.5 182.5)"> <text font-size="6pt" letter-spacing="1px" transform="translate(-6 -9)">A DRY</text> - <use id="A_DRY_PARAM" xlink:href="#knob16" transform="translate(0 0)"/> - <use xlink:href="#dial-mintick" transform="translate(-12.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(113.5 182.5)"> <text font-size="6pt" letter-spacing="1px" transform="translate(-6 -9)">B DRY</text> - <use id="B_DRY_PARAM" xlink:href="#knob16" transform="translate(0 0)"/> - <use xlink:href="#dial-mintick" transform="translate(-12.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(0 225)"> @@ -203,55 +238,115 @@ text.brand { <rect width="10" height="8" fill="#bbb" transform="translate(75 127)"/> <g transform="translate(12 0)"> - <use id="GT_MIX_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(5 40)">GTM</text> </g> <g transform="translate(44 0)"> - <use id="LT_MIX_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(6 40)">LTM</text> </g> <g transform="translate(76 0)"> - <use id="WINDOW_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="0.5px" transform="translate(1.5 40)">WNDW</text> </g> <g transform="translate(108 0)"> - <use id="DRY_WET_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(6 40)">D/W</text> </g> <g transform="translate(0 44)"> <g transform="translate(12 0)"> - <use id="A_INPUT" xlink:href="#input" transform="translate(3 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> <text font-size="6pt" letter-spacing="1px" transform="translate(5 40)">A IN</text> </g> <g transform="translate(44 0)"> - <use id="A_SCALE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">A SCL</text> </g> <g transform="translate(76 0)"> - <use id="GT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(8 40)">GT</text> </g> <g transform="translate(108 0)"> - <use id="LT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(9.5 40)">LT</text> </g> <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="B_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(5 40)">B IN</text> </g> <g transform="translate(34 0)"> - <use id="B_SCALE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">B SCL</text> </g> <g transform="translate(66 0)"> - <use id="EQ_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(9 40)">EQ</text> </g> <g transform="translate(98 0)"> - <use id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(6 40)">MIX</text> </g> </g> diff --git a/res-pp/DADSRH-pp.svg b/res-pp/DADSRH-pp.svg @@ -15,15 +15,253 @@ text.brand { } </style> - <defs> - <symbol id="knob38" viewBox="0 0 38px 38px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <text class="title" x="22" y="19" font-size="12pt" letter-spacing="4px">DADSR(H)</text> + <g transform="translate(35.5 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -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> - </symbol> - <symbol id="dial-sustain" viewBox="0 0 100px 100px"> + </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)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> + </svg></g> + <g transform="scale(0.75) translate(11 94)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> + </svg></g> + <g transform="scale(0.75) translate(11 169)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> + </svg></g> + <g transform="scale(0.75) translate(11 243)"><svg> <g transform="translate(50.5 50.5)"> <g transform="rotate(-240) translate(30 0)"> <g transform="translate(2 0) rotate(240)"> @@ -63,8 +301,8 @@ text.brand { </g> </g> </g> - </symbol> - <symbol id="dial-exp" viewBox="0 0 100px 100px"> + </svg></g> + <g transform="scale(0.75) translate(11 318)"><svg> <g transform="translate(50.5 50.5)"> <g transform="rotate(-240) translate(30 0)"> <g transform="translate(2 0) rotate(240)"> @@ -113,216 +351,245 @@ text.brand { </g> </g> </g> - </symbol> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> - <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <text class="title" x="22" y="19" font-size="12pt" letter-spacing="4px">DADSR(H)</text> - <g transform="translate(35.5 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -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> - <use id="DELAY_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="DELAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 43)"/> - </g> - - <g transform="translate(0 56)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">ATT</text> - <use id="ATTACK_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> - </g> - - <g transform="translate(0 112)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">DEC</text> - <use id="DECAY_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> - </g> - - <g transform="translate(0 168)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">SUS</text> - <use id="SUSTAIN_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> - </g> - - <g transform="translate(0 224)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">REL</text> - <use id="RELEASE_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> - </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> - <use id="HOLD_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> + </svg></g> + <g transform="scale(0.75) translate(85 392.5)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> - - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 19)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 94)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 169)"/> - <use xlink:href="#dial-sustain" transform="scale(0.75) translate(11 243)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 318)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(85 392.5)"/> + </svg></g> <g> <g transform="translate(77 96)"> <g transform="translate(0 0)"> - <use id="ATTACK_SHAPE1_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 10)"> - <use id="ATTACK_SHAPE2_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none" transform="rotate(-45)"/> </g> </g> <g transform="translate(0 20)"> - <use id="ATTACK_SHAPE3_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 28)"> - <use id="ATTACK_SHAPE_PARAM" xlink:href="#button-small"/> + <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)"> - <use id="DECAY_SHAPE1_LIGHT" xlink:href="#light-tiny" 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="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 10)"> - <use id="DECAY_SHAPE2_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none" transform="rotate(45)"/> </g> </g> <g transform="translate(0 20)"> - <use id="DECAY_SHAPE3_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 28)"> - <use id="DECAY_SHAPE_PARAM" xlink:href="#button-small"/> + <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)"> - <use id="RELEASE_SHAPE1_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 10)"> - <use id="RELEASE_SHAPE2_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none" transform="rotate(45)"/> </g> </g> <g transform="translate(0 20)"> - <use id="RELEASE_SHAPE3_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 28)"> - <use id="RELEASE_SHAPE_PARAM" xlink:href="#button-small"/> + <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> <g transform="translate(84 37)"> <rect width="58" height="40" rx="5" fill="#fafafa"/> - <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6)"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/> + <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 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> - <use id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> - <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> - <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> - <use id="RETRIGGER_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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 transform="translate(112 187)"> <rect width="30" height="116" rx="5" fill="#bbb"/> <g transform="translate(0 1)"> - <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> </g> <g transform="translate(0 38)"> - <use id="INV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(6 36)">INV</text> </g> <g transform="translate(0 75)"> - <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text> </g> </g> diff --git a/res-pp/DADSRHPlus-pp.svg b/res-pp/DADSRHPlus-pp.svg @@ -15,15 +15,326 @@ text.brand { } </style> - <defs> - <symbol id="knob38" viewBox="0 0 38px 38px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <text class="title" x="52.5" y="19" font-size="12pt" letter-spacing="4px">DADSR(H)+</text> + <g transform="translate(72.5 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </g> + + <g transform="translate(149 26)"> + <rect width="30" height="323" rx="5" fill="#fafafa"/> + <text font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text> + </g> + <g transform="translate(186 26)"> + <rect width="30" height="267" rx="5" fill="#bbb"/> + <text 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> - </symbol> - <symbol id="dial-sustain" viewBox="0 0 100px 100px"> + </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)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> + </svg></g> + <g transform="scale(0.75) translate(11 94)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> + </svg></g> + <g transform="scale(0.75) translate(11 169)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> + </svg></g> + <g transform="scale(0.75) translate(11 243)"><svg> <g transform="translate(50.5 50.5)"> <g transform="rotate(-240) translate(30 0)"> <g transform="translate(2 0) rotate(240)"> @@ -63,8 +374,8 @@ text.brand { </g> </g> </g> - </symbol> - <symbol id="dial-exp" viewBox="0 0 100px 100px"> + </svg></g> + <g transform="scale(0.75) translate(11 318)"><svg> <g transform="translate(50.5 50.5)"> <g transform="rotate(-240) translate(30 0)"> <g transform="translate(2 0) rotate(240)"> @@ -113,234 +424,245 @@ text.brand { </g> </g> </g> - </symbol> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </svg></g> + <g transform="scale(0.75) translate(85 392.5)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> - <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <text class="title" x="52.5" y="19" font-size="12pt" letter-spacing="4px">DADSR(H)+</text> - <g transform="translate(72.5 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> - - <g transform="translate(149 26)"> - <rect width="30" height="323" rx="5" fill="#fafafa"/> - <text font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text> - </g> - <g transform="translate(186 26)"> - <rect width="30" height="267" rx="5" fill="#bbb"/> - <text 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> - <use id="DELAY_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="DELAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 43)"/> - <use id="DELAY_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="DELAY_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> - </g> - - <g transform="translate(0 56)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">ATT</text> - <use id="ATTACK_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> - <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="ATTACK_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> - </g> - - <g transform="translate(0 112)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">DEC</text> - <use id="DECAY_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> - <use id="DECAY_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="DECAY_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> - </g> - - <g transform="translate(0 168)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">SUS</text> - <use id="SUSTAIN_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> - <use id="SUSTAIN_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="SUSTAIN_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> - </g> - - <g transform="translate(0 224)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">REL</text> - <use id="RELEASE_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> - <use id="RELEASE_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="RELEASE_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> - </g> - - <g transform="translate(75 280)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(48 2) rotate(90)">HOLD</text> - <use id="HOLD_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> - <use id="HOLD_INPUT" xlink:href="#input" transform="translate(68 7)"/> - </g> - </g> - - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 19)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 94)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 169)"/> - <use xlink:href="#dial-sustain" transform="scale(0.75) translate(11 243)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 318)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(85 392.5)"/> + </svg></g> <g> <g transform="translate(77 96)"> <g transform="translate(0 0)"> - <use id="ATTACK_SHAPE1_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 10)"> - <use id="ATTACK_SHAPE2_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none" transform="rotate(-45)"/> </g> </g> <g transform="translate(0 20)"> - <use id="ATTACK_SHAPE3_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 28)"> - <use id="ATTACK_SHAPE_PARAM" xlink:href="#button-small"/> + <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)"> - <use id="DECAY_SHAPE1_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 10)"> - <use id="DECAY_SHAPE2_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none" transform="rotate(45)"/> </g> </g> <g transform="translate(0 20)"> - <use id="DECAY_SHAPE3_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 28)"> - <use id="DECAY_SHAPE_PARAM" xlink:href="#button-small"/> + <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)"> - <use id="RELEASE_SHAPE1_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 10)"> - <use id="RELEASE_SHAPE2_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none" transform="rotate(45)"/> </g> </g> <g transform="translate(0 20)"> - <use id="RELEASE_SHAPE3_LIGHT" xlink:href="#light-tiny"/> + <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="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 28)"> - <use id="RELEASE_SHAPE_PARAM" xlink:href="#button-small"/> + <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> <g transform="translate(84 37)"> <rect width="58" height="40" rx="5" fill="#fafafa"/> - <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6)"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/> + <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 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> - <use id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> - <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> - <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> - <use id="RETRIGGER_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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 transform="translate(112 187)"> <rect width="30" height="116" rx="5" fill="#bbb"/> <g transform="translate(0 1)"> - <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> </g> <g transform="translate(0 38)"> - <use id="INV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(6 36)">INV</text> </g> <g transform="translate(0 75)"> - <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text> </g> </g> diff --git a/res-pp/DGate-pp.svg b/res-pp/DGate-pp.svg @@ -15,15 +15,34 @@ text.brand { } </style> - <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> + + <g transform="rotate(-90) translate(-376 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 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> - </symbol> - <symbol id="dial" viewBox="0 0 45px 45px"> + </svg></g> + <g transform="translate(0 0)"><svg> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(17 0)"> <g transform="translate(3 0) rotate(240)"> @@ -68,68 +87,78 @@ text.brand { <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> </g> </g> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> + </svg></g> + <g transform="translate(20.8 40)"><svg id="DELAY_LIGHT"> <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - <symbol id="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </symbol> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> - - <g transform="rotate(-90) translate(-376 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 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> - <use id="DELAY_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="DELAY_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + </svg></g> </g> <g transform="translate(0 84)"> <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 0)">GATE</text> - <use id="GATE_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="GATE_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <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)"><svg> + <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.3" stroke="#333"/> + </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.3" stroke="#333"/> + </g> + <g transform="rotate(-75.68) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </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.3" stroke="#333"/> + </g> + <g transform="rotate(11) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(60) translate(17 0)"> + <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/> + </g> + </g> + </svg></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> - <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> @@ -137,19 +166,38 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 58)"/> <rect width="34" height="62" rx="5" fill="#fafafa"/> - <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 26)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.6 58)">TRIG</text> </g> <g transform="translate(0 62)"> <rect width="34" height="74" rx="5" fill="#bbb" transform="translate(5.5 0)"/> <rect width="34" height="10" fill="#bbb" transform="translate(5.5 0)"/> <g transform="translate(5.5 0)"> - <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 35)">GATE</text> </g> <g transform="translate(5.5 38)"> - <use id="END_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 32)">END</text> </g> </g> diff --git a/res-pp/Detune-pp.svg b/res-pp/Detune-pp.svg @@ -16,26 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="dial-cents-detune" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(15 0)"> @@ -94,13 +74,24 @@ text.brand { <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">CENTS</text> - <use id="CENTS_PARAM" xlink:href="#knob26" transform="translate(9.5 7.5)"/> + <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)"/> </g> <g transform="translate(5.5 74)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> @@ -108,17 +99,37 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="107" rx="5" fill="#bbb"/> - <use id="THRU_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 32)">THRU</text> - <use id="OUT_PLUS_OUTPUT" xlink:href="#output" transform="translate(5 36)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 68)">OUT+</text> - <use id="OUT_MINUS_OUTPUT" xlink:href="#output" transform="translate(5 72)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 104)">OUT-</text> </g> </g> diff --git a/res-pp/EQ-pp.svg b/res-pp/EQ-pp.svg @@ -16,26 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -69,21 +49,39 @@ text.brand { <g transform="translate(0 36)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(12.5 0)">LOW</text> - <use id="LOW_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> <!-- <rect width="45" height="24" fill="#f0f" transform="translate(0 48)" /> --> </g> <g transform="translate(0 114)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(13.5 0)">MID</text> - <use id="MID_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> <!-- <rect width="45" height="24" fill="#f0f" transform="translate(0 48)" /> --> </g> <g transform="translate(0 192)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(10 0)">HIGH</text> - <use id="HIGH_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> <!-- <rect width="45" height="24" fill="#f0f" transform="translate(0 48)" /> --> </g> @@ -92,13 +90,23 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/EQS-pp.svg b/res-pp/EQS-pp.svg @@ -16,26 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob38" viewBox="0 0 38px 38px"> - <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> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -67,19 +47,37 @@ text.brand { <g transform="translate(0 40)"> <text font-size="8pt" letter-spacing="2px" transform="translate(32 0)">LOW</text> - <use id="LOW_PARAM" xlink:href="#knob38" transform="translate(26 13)"/> + <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)"/> </g> <g transform="translate(0 122)"> <text font-size="8pt" letter-spacing="2px" transform="translate(33 0)">MID</text> - <use id="MID_PARAM" xlink:href="#knob38" transform="translate(26 13)"/> + <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)"/> </g> <g transform="translate(0 204)"> <text font-size="8pt" letter-spacing="2px" transform="translate(29 0)">HIGH</text> - <use id="HIGH_PARAM" xlink:href="#knob38" transform="translate(26 13)"/> + <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)"/> </g> @@ -87,17 +85,37 @@ text.brand { <g transform="translate(0 0)"> <rect width="68" height="10" fill="#fafafa" transform="translate(0 31)"/> <rect width="68" height="38" rx="5" fill="#fafafa"/> - <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text> - <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text> </g> <g transform="translate(0 44)"> <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="68" height="37" rx="5" fill="#bbb"/> - <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text> - <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text> </g> </g> diff --git a/res-pp/Edge-pp.svg b/res-pp/Edge-pp.svg @@ -16,36 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - <symbol id="dial-time-edge" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(17 0)"> @@ -164,21 +134,39 @@ text.brand { <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">RISE</text> - <use id="RISE_PARAM" xlink:href="#knob29" transform="translate(0 5)"/> + <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)"/> <!-- <rect width="45" height="6" fill="#0f0" transform="translate(0 52)" /> --> </g> <g transform="translate(0 89)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 0)">FALL</text> - <use id="FALL_PARAM" xlink:href="#knob29" transform="translate(0 5)"/> + <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)"/> <!-- <rect width="45" height="6" fill="#0f0" transform="translate(0 52)" /> --> </g> <g transform="translate(0 153)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 0)">HOLD</text> - <use id="HOLD_PARAM" xlink:href="#knob16" transform="translate(14.5 9)"/> + <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)"/> <!-- <rect width="45" height="6" fill="#0f0" transform="translate(0 32)" /> --> </g> @@ -187,18 +175,40 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 38)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="109" rx="5" fill="#bbb"/> - <use id="HIGH_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="1.2px" transform="translate(11 35)">HIGH</text> - <use id="HIGH_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> - <use id="RISE_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.9 70)">RISE</text> - <use id="FALL_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.6 105)">FALL</text> </g> </g> diff --git a/res-pp/EightFO-pp.svg b/res-pp/EightFO-pp.svg @@ -16,28 +16,81 @@ text.brand { </style> <defs> - <symbol id="knob68" viewBox="0 0 68px 68px"> - <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"/> + <symbol id="waves-eightfo" viewBox="0 0 70px 70px"> + <!-- <polyline points="0,0 0,70" stroke-width="1" stroke="#0f0" transform="translate(20 0)" /> --> + <g transform="translate(20 35)"> + <!-- <circle r="18" fill="none" stroke="#00f" /> --> + <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(11 0)"/> + <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-45) translate(11 0)"/> + <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(0) translate(11 0)"/> + <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(45) translate(11 0)"/> + <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(90) translate(11 0)"/> </g> - </symbol> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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 transform="translate(14 8)"> + <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> + <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/> + </g> + <g transform="translate(33.5 13.5)"> + <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> + <polyline points="0,8 0,0 12,8" stroke-width="1" stroke="#333" fill="none"/> + </g> + <g transform="translate(39 31)"> + <!-- <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="#333" stroke-width="1" fill="none"/> + <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none"/> + </g> + <g transform="translate(33.5 48.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" stroke="#333" fill="none"/> + </g> + <g transform="translate(14 54)"> + <!-- <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" stroke="#333" fill="none"/> </g> </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> + + <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" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> </symbol> - <symbol id="dial-frequency-lfo" viewBox="0 0 128px 128px"> + </defs> + + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 254,1 254,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 254.5,0.5 254.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 255,0 255,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <rect width="110" height="20" fill="#0f0" transform="translate(0 0)" /> --> + <!-- <rect width="110" height="20" fill="#0f0" transform="translate(160 0)" /> --> + <!-- <rect width="95" height="20" fill="#0f0" transform="translate(0 360)" /> --> + <!-- <rect width="95" height="20" fill="#0f0" transform="translate(175 360)" /> --> + + <text class="title" x="114" y="19" font-size="12pt" letter-spacing="4px">8FO</text> + <g transform="translate(95 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </g> + + <g transform="translate(20 25)"> + <!-- <rect width="108" height="108" fill="none" stroke="#0f0" /> --> + <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> --> + <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> + <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)"><svg> <g transform="translate(64 64)"> <g transform="rotate(-225.08) translate(34 0)"> <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/> @@ -89,8 +142,49 @@ text.brand { <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(36.92) translate(37 0)"/> <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(37 0)"/> </g> - </symbol> - <symbol id="dial-attenuverter" viewBox="0 0 45px 45px"> + </svg></g> + + <!-- <rect width="20" height="10" fill="#0f0" transform="translate(20 130)" /> --> + <!-- <rect width="20" height="10" fill="#0f0" transform="translate(108 130)" /> --> + <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> + + <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 137)" /> --> + <g transform="translate(10 163)"> + <!-- <polyline points="0,0 170,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 13)" /> --> + <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> + <!-- <rect width="60" height="60" fill="none" stroke="#0f0" transform="translate(-10 -30) translate(8 13)" /> --> + </g> + <g transform="translate(70 0)"> + <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(-10 -10)" /> --> + <!-- <polyline points="0,0 170,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(-10 13)" /> --> + <!-- <polyline points="0,0 0,170" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 -13)" /> --> + <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(-10 33)" /> --> + <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)"><svg> <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> @@ -126,135 +220,7 @@ text.brand { <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> </g> </g> - </symbol> - <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - - <symbol id="waves-eightfo" viewBox="0 0 70px 70px"> - <!-- <polyline points="0,0 0,70" stroke-width="1" stroke="#0f0" transform="translate(20 0)" /> --> - <g transform="translate(20 35)"> - <!-- <circle r="18" fill="none" stroke="#00f" /> --> - <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(11 0)"/> - <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-45) translate(11 0)"/> - <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(0) translate(11 0)"/> - <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(45) translate(11 0)"/> - <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(90) translate(11 0)"/> - </g> - <g transform="translate(14 8)"> - <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/> - </g> - <g transform="translate(33.5 13.5)"> - <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> --> - <polyline points="0,8 0,0 12,8" stroke-width="1" stroke="#333" fill="none"/> - </g> - <g transform="translate(39 31)"> - <!-- <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="#333" stroke-width="1" fill="none"/> - <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none"/> - </g> - <g transform="translate(33.5 48.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" stroke="#333" fill="none"/> - </g> - <g transform="translate(14 54)"> - <!-- <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" stroke="#333" 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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 254,1 254,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 254.5,0.5 254.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 255,0 255,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <rect width="110" height="20" fill="#0f0" transform="translate(0 0)" /> --> - <!-- <rect width="110" height="20" fill="#0f0" transform="translate(160 0)" /> --> - <!-- <rect width="95" height="20" fill="#0f0" transform="translate(0 360)" /> --> - <!-- <rect width="95" height="20" fill="#0f0" transform="translate(175 360)" /> --> - - <text class="title" x="114" y="19" font-size="12pt" letter-spacing="4px">8FO</text> - <g transform="translate(95 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> - - <g transform="translate(20 25)"> - <!-- <rect width="108" height="108" fill="none" stroke="#0f0" /> --> - <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> --> - <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> - </g> - <use xlink:href="#dial-frequency-lfo" transform="translate(10 15)"/> - - <!-- <rect width="20" height="10" fill="#0f0" transform="translate(20 130)" /> --> - <!-- <rect width="20" height="10" fill="#0f0" transform="translate(108 130)" /> --> - <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> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(40 -1.3)"/> - </g> - - <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 137)" /> --> - <g transform="translate(10 163)"> - <!-- <polyline points="0,0 170,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 13)" /> --> - <g transform="translate(10 0)"> - <use id="WAVE_PARAM" xlink:href="#knob16" transform="translate(0 5)"/> - <!-- <rect width="60" height="60" fill="none" stroke="#0f0" transform="translate(-10 -30) translate(8 13)" /> --> - </g> - <g transform="translate(70 0)"> - <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(-10 -10)" /> --> - <!-- <polyline points="0,0 170,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(-10 13)" /> --> - <!-- <polyline points="0,0 0,170" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 -13)" /> --> - <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(-10 33)" /> --> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">SAM/PW</text> - <use id="SAMPLE_PWM_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> - </g> - <use xlink:href="#dial-attenuverter" transform="translate(80.5 -9.6)"/> + </svg></g> <use xlink:href="#waves-eightfo" transform="translate(-2 -22)"/> </g> @@ -266,43 +232,153 @@ text.brand { <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(10 33)" /> --> <g transform="translate(10 0)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 36.5) rotate(270)">OFFSET</text> - <use id="OFFSET_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <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> - <use xlink:href="#dial-attenuverter" transform="translate(20.5 -9.6)"/> + <g transform="translate(20.5 -9.6)"><svg> + <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.3" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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> + </svg></g> <g transform="translate(70 0)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 32) rotate(270)">SCALE</text> - <use id="SCALE_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <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> - <use xlink:href="#dial-linear" transform="translate(80.5 -9.6)"/> + <g transform="translate(80.5 -9.6)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> </g> <g transform="translate(137 32)"> <g transform="translate(3 4)"> <g transform="translate(0 0)"> - <use id="PHASE7_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <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)"> - <use id="PHASE6_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <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)"> - <use id="PHASE5_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <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)"> - <use id="PHASE4_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <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)"> - <use id="PHASE3_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <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)"> - <use id="PHASE2_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <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)"> - <use id="PHASE1_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <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)"> <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 12)" /> --> - <use id="PHASE0_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <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> @@ -322,15 +398,55 @@ text.brand { <g transform="translate(176 32)"> <rect width="30" height="328" rx="5" fill="#fafafa"/> <g transform="translate(3 4)"> - <use id="PHASE7_INPUT" xlink:href="#input" transform="translate(0 0)"/> - <use id="PHASE6_INPUT" xlink:href="#input" transform="translate(0 40)"/> - <use id="PHASE5_INPUT" xlink:href="#input" transform="translate(0 80)"/> - <use id="PHASE4_INPUT" xlink:href="#input" transform="translate(0 120)"/> + <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> - <use id="PHASE3_INPUT" xlink:href="#input" transform="translate(0 160)"/> - <use id="PHASE2_INPUT" xlink:href="#input" transform="translate(0 200)"/> - <use id="PHASE1_INPUT" xlink:href="#input" transform="translate(0 240)"/> - <use id="PHASE0_INPUT" xlink:href="#input" transform="translate(0 280)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text> </g> @@ -338,15 +454,55 @@ text.brand { <g transform="translate(215 32)"> <rect width="30" height="328" rx="5" fill="#bbb"/> <g transform="translate(3 4)"> - <use id="PHASE7_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> - <use id="PHASE6_OUTPUT" xlink:href="#output" transform="translate(0 40)"/> - <use id="PHASE5_OUTPUT" xlink:href="#output" transform="translate(0 80)"/> - <use id="PHASE4_OUTPUT" xlink:href="#output" transform="translate(0 120)"/> + <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> - <use id="PHASE3_OUTPUT" xlink:href="#output" transform="translate(0 160)"/> - <use id="PHASE2_OUTPUT" xlink:href="#output" transform="translate(0 200)"/> - <use id="PHASE1_OUTPUT" xlink:href="#output" transform="translate(0 240)"/> - <use id="PHASE0_OUTPUT" xlink:href="#output" transform="translate(0 280)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text> </g> @@ -360,27 +516,52 @@ text.brand { <!-- <rect width="300" height="7" fill="#f00" transform="translate(10 40)" /> --> <g transform="translate(10 -40)"> <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> --> - <use id="SAMPLE_PWM_INPUT" xlink:href="#input" transform="translate(4 4)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(4 38)">S/PW</text> </g> <g transform="translate(50 -40)"> <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> --> - <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(2 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(4.5 38)">OFF</text> </g> <g transform="translate(90 -40)"> <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> --> - <use id="SCALE_INPUT" xlink:href="#input" transform="translate(0 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(2.5 38)">SCL</text> </g> <g transform="translate(10 0)"> <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> --> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(4 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(2 40)">V/OCT</text> </g> <g transform="translate(50 0)"> <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> --> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(2 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(0 40)">RESET</text> </g> </g> diff --git a/res-pp/EightOne-pp.svg b/res-pp/EightOne-pp.svg @@ -15,66 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="dial-select" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial-steps" viewBox="0 0 40px 40px"> - <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> - </symbol> - <symbol id="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -90,60 +30,146 @@ text.brand { <rect width="34" height="337" rx="5" fill="#fafafa" transform="translate(0 -9)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">IN</text> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 35)">1</text> - <use id="IN1_LIGHT" xlink:href="#light-small" transform="translate(17 29.5)"/> + <g transform="translate(17 29.5)"><svg id="IN1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 44.3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 76.3)">2</text> - <use id="IN2_LIGHT" xlink:href="#light-small" transform="translate(17 70.8)"/> + <g transform="translate(17 70.8)"><svg id="IN2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 86.6)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 118.6)">3</text> - <use id="IN3_LIGHT" xlink:href="#light-small" transform="translate(17 113.1)"/> + <g transform="translate(17 113.1)"><svg id="IN3_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 126.9)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 158.9)">4</text> - <use id="IN4_LIGHT" xlink:href="#light-small" transform="translate(17 153.4)"/> + <g transform="translate(17 153.4)"><svg id="IN4_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 168.1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 200.1)">5</text> - <use id="IN5_LIGHT" xlink:href="#light-small" transform="translate(17 194.6)"/> + <g transform="translate(17 194.6)"><svg id="IN5_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 209.4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 241.4)">6</text> - <use id="IN6_LIGHT" xlink:href="#light-small" transform="translate(17 235.9)"/> + <g transform="translate(17 235.9)"><svg id="IN6_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 250.7)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 282.7)">7</text> - <use id="IN7_LIGHT" xlink:href="#light-small" transform="translate(17 277.2)"/> + <g transform="translate(17 277.2)"><svg id="IN7_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 292)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 324)">8</text> - <use id="IN8_LIGHT" xlink:href="#light-small" transform="translate(17 318.5)"/> + <g transform="translate(17 318.5)"><svg id="IN8_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> </g> <g transform="translate(49.5 32)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 30)"/> - <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(4 35)">CLOCK</text> </g> <g transform="translate(49.5 69)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="STEPS_PARAM" xlink:href="#knob16" transform="translate(14.5 10.5)"/> - <use xlink:href="#dial-steps" transform="translate(2.5 -1)"/> + <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)"><svg> + <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> + </svg></g> </g> <g transform="translate(59 166)"> <text font-size="5pt" letter-spacing="2px" transform="translate(-1.8 -1)">FWD</text> - <use id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> @@ -151,18 +177,45 @@ text.brand { <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 307)" /> --> <g transform="translate(44 220)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">SELECT</text> - <use id="SELECT_PARAM" xlink:href="#knob29" transform="translate(0 2)"/> - <use xlink:href="#dial-select" transform="translate(0 2)"/> + <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)"><svg> + <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> + </svg></g> <g transform="translate(5.5 47)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11.5 35)">CV</text> </g> </g> <g transform="translate(49.5 321)"> <rect width="34" height="39" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8 35)">OUT</text> </g> diff --git a/res-pp/FFB-pp.svg b/res-pp/FFB-pp.svg @@ -15,22 +15,29 @@ text.brand { } </style> - <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 120,0 120,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <text class="title" x="82" y="17" font-size="9pt" letter-spacing="3px">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)"/> + </g> + <!-- <rect width="120" height="254" fill="#0ff" transform="translate(0 24)" /> --> + + <g transform="translate(1.5 24)"> + <!-- <rect width="38" height="44" fill="#f0f" transform="translate(0 0)" /> --> + <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial-linear" viewBox="0 0 45px 45px"> + </svg></g> + <g transform="translate(-3.5 4)"><svg> <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> @@ -44,139 +51,370 @@ text.brand { <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 120,0 120,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <text class="title" x="82" y="17" font-size="9pt" letter-spacing="3px">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)"/> - </g> - <!-- <rect width="120" height="254" fill="#0ff" transform="translate(0 24)" /> --> - - <g transform="translate(1.5 24)"> - <!-- <rect width="38" height="44" fill="#f0f" transform="translate(0 0)" /> --> - <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">125</text> - <use id="BAND_1_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + </svg></g> <!-- <use id="BAND_1_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(41 24)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">500</text> - <use id="BAND_5_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> <!-- <use id="BAND_5_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(80.5 24)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7 6)">2000</text> - <use id="BAND_9_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> <!-- <use id="BAND_9_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(1.5 75)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">175</text> - <use id="BAND_2_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> <!-- <use id="BAND_2_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(41 75)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">700</text> - <use id="BAND_6_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> <!-- <use id="BAND_6_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(80.5 75)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7 6)">2800</text> - <use id="BAND_10_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> <!-- <use id="BAND_10_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(1.5 126)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">250</text> - <use id="BAND_3_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> <!-- <use id="BAND_3_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(41 126)"> <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 6)">1000</text> - <use id="BAND_7_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> <!-- <use id="BAND_7_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(80.5 126)"> <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 6)">4000</text> - <use id="BAND_11_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> <!-- <use id="BAND_11_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(1.5 177)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">350</text> - <use id="BAND_4_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> <!-- <use id="BAND_4_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(41 177)"> <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 6)">1400</text> - <use id="BAND_8_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> <!-- <use id="BAND_8_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(80.5 177)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7 6)">5600</text> - <use id="BAND_12_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> <!-- <use id="BAND_12_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(1.5 228)"> <text font-size="6pt" letter-spacing="2px" transform="translate(13.5 6)">LP</text> - <use id="LOWPASS_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> <!-- <use id="LOWWPASS_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(41 228)"> <text font-size="6pt" letter-spacing="2px" transform="translate(6 6)">FREQ</text> - <use id="CV_PARAM" xlink:href="#knob16" transform="translate(11 18.5)"/> - <use xlink:href="#dial-centertick" transform="translate(-1 6.5)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(80.5 228)"> <text font-size="6pt" letter-spacing="2px" transform="translate(12.5 6)">HP</text> - <use id="HIGHPASS_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> <!-- <use id="HIGHPASS_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> @@ -184,26 +422,51 @@ text.brand { <rect width="63" height="43" rx="5" fill="#fafafa"/> <rect width="63" height="10" fill="#fafafa" transform="translate(0 33)"/> <g transform="translate(1 0)"> - <use id="IN_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> </g> <g transform="translate(32 0)"> - <use id="CV_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5.5 39)">FCV</text> </g> </g> <g transform="translate(13 320)"> <rect width="94" height="43" rx="5" fill="#bbb"/> <g transform="translate(1 0)"> - <use id="ALL_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(6 39)">ALL</text> </g> <g transform="translate(32 0)"> - <use id="ODD_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5 39)">ODD</text> </g> <g transform="translate(63 0)"> - <use id="EVEN_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="1.5px" transform="translate(3 39)">EVEN</text> </g> </g> diff --git a/res-pp/FMOp-pp.svg b/res-pp/FMOp-pp.svg @@ -16,77 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob38" viewBox="0 0 38px 38px"> - <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> - </symbol> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> - </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> - <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - <symbol id="dial-ratio-fmop" viewBox="0 0 88px 78px"> <g transform="translate(49 39)"> <g transform="rotate(-240) translate(19 0)"> @@ -197,48 +126,116 @@ text.brand { <!-- <rect width="78" height="68" fill="none" stroke="#0f0" /> --> <g transform="translate(0 20)"> <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(39 0)" /> --> - <use id="RATIO_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <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)"/> <g transform="translate(82 20)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 35) rotate(270)">FINE</text> - <use id="FINE_PARAM" xlink:href="#knob16" transform="translate(20 12)"/> + <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> <!-- <polyline points="0,50 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(28 -100)" /> --> </g> - <use xlink:href="#dial-centertick" transform="translate(90 20)"/> + <g transform="translate(90 20)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <!-- <g transform="translate(87 90)"> --> <g transform="translate(87 94)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">ATT</text> - <use id="ATTACK_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <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> <!-- <rect width="30" height="18" fill="#0f0" transform="translate(20 26)" /> --> <use xlink:href="#dial-time-fmop" transform="translate(10.5 -9.5)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/> + <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)"> <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(-140 -10)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">DEC</text> - <use id="DECAY_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <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> <!-- <rect width="30" height="18" fill="#0f0" transform="translate(20 26)" /> --> <use xlink:href="#dial-time-fmop" transform="translate(10.5 -9.5)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/> + <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)"> <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(-140 -10)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">SUS</text> - <use id="SUSTAIN_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <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> <!-- <rect width="30" height="18" fill="#0f0" transform="translate(20 26)" /> --> - <use xlink:href="#dial-linear" transform="translate(10.5 -9.5)"/> - <use id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/> + <g transform="translate(10.5 -9.5)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></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)"> <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(-140 -10)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">REL</text> - <use id="RELEASE_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <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> <!-- <rect width="30" height="18" fill="#0f0" transform="translate(20 26)" /> --> <use xlink:href="#dial-time-fmop" transform="translate(10.5 -9.5)"/> - <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/> + <g transform="translate(31.5 29)"><svg id="RELEASE_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> </g> <!-- <rect width="70" height="8" fill="#ff0" transform="translate(80 126)" /> --> @@ -248,31 +245,103 @@ text.brand { <g transform="translate(16 106)"> <text font-size="8pt" letter-spacing="1px" transform="translate(8 38) rotate(270)">DEPTH</text> - <use id="DEPTH_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <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> - <use id="ENV_TO_DEPTH_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)"/> + <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> - <use xlink:href="#dial-linear" transform="translate(10.5 -9.5)"/> + <g transform="translate(10.5 -9.5)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> </g> <g transform="translate(16 162)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 35) rotate(270)">FDBK</text> - <use id="FEEDBACK_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <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> - <use id="ENV_TO_FEEDBACK_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)"/> + <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> - <use xlink:href="#dial-linear" transform="translate(10.5 -9.5)"/> + <g transform="translate(10.5 -9.5)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> </g> <g transform="translate(16 218)"> <!-- <polyline points="0,0 150,0" fill="none" stroke="#0f0" transform="translate(0 13)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 37.5) rotate(270)">LEVEL</text> - <use id="LEVEL_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <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> - <use id="ENV_TO_LEVEL_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)"/> + <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> - <use xlink:href="#dial-linear" transform="translate(10.5 -9.5)"/> + <g transform="translate(10.5 -9.5)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> </g> <!-- <rect width="70" height="9" fill="#f0f" transform="translate(0 148)" /> --> @@ -287,37 +356,77 @@ text.brand { <rect width="10" height="10" fill="#fafafa" transform="translate(97 81)"/> <g transform="translate(12 0)"> - <use id="DEPTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">DEPTH</text> </g> <g transform="translate(44 0)"> - <use id="FEEDBACK_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(3.5 40)">FDBK</text> </g> <g transform="translate(76 0)"> - <use id="LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">LEVEL</text> </g> <g transform="translate(108 0)"> - <use id="SUSTAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(6 40)">SUS</text> </g> <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> </g> <g transform="translate(34 0)"> - <use id="FM_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(8.5 40)">FM</text> </g> <g transform="translate(66 0)"> - <use id="GATE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(3 40)">GATE</text> </g> <g transform="translate(98 0)"> - <use id="AUDIO_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(6 40)">OUT</text> </g> </g> diff --git a/res-pp/FlipFlop-pp.svg b/res-pp/FlipFlop-pp.svg @@ -15,21 +15,6 @@ text.brand { } </style> - <defs> - <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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -52,17 +37,37 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text> - <use id="RESET1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 70)">RESET</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="A1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 32)">A</text> - <use id="B1_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 67)">B</text> </g> </g> @@ -71,17 +76,37 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text> - <use id="RESET2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 70)">RESET</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="A2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 32)">A</text> - <use id="B2_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 67)">B</text> </g> </g> diff --git a/res-pp/Follow-pp.svg b/res-pp/Follow-pp.svg @@ -16,26 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -86,22 +66,44 @@ text.brand { <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(8.5 0)">DAMP</text> - <use id="RESPONSE_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> <g transform="translate(5.5 49)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="RESPONSE_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="GAIN_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="GAIN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> </g> @@ -110,13 +112,23 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/FourMan-pp.svg b/res-pp/FourMan-pp.svg @@ -15,20 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -46,7 +32,11 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/> <rect width="34" height="33" rx="5" fill="#fafafa"/> - <use id="TRIGGER1_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> @@ -54,7 +44,12 @@ text.brand { <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="38" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text> </g> </g> @@ -64,7 +59,11 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/> <rect width="34" height="33" rx="5" fill="#fafafa"/> - <use id="TRIGGER2_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> @@ -72,7 +71,12 @@ text.brand { <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="38" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text> </g> </g> @@ -82,7 +86,11 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/> <rect width="34" height="33" rx="5" fill="#fafafa"/> - <use id="TRIGGER3_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> @@ -90,7 +98,12 @@ text.brand { <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="38" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text> </g> </g> @@ -100,7 +113,11 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/> <rect width="34" height="33" rx="5" fill="#fafafa"/> - <use id="TRIGGER4_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> @@ -108,7 +125,12 @@ text.brand { <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="38" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text> </g> </g> diff --git a/res-pp/Inv-pp.svg b/res-pp/Inv-pp.svg @@ -15,34 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -60,21 +32,48 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="113" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 103)"/> - <use id="GATE1_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <use id="GATE1_INPUT" xlink:href="#input" transform="translate(5 26)"/> + <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 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> - <use id="LATCH1_PARAM" xlink:href="#button-small" transform="translate(24 64)"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 78)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(13 110)">IN</text> </g> <g transform="translate(5.5 113)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="39" rx="5" fill="#bbb"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(14 35)">OUT</text> - <use id="LOW1_LIGHT" xlink:href="#light-small" transform="translate(5 29.3)"/> - <use id="HIGH1_LIGHT" xlink:href="#light-small" transform="translate(5 29.3)"/> + <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> @@ -82,21 +81,48 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="113" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 103)"/> - <use id="GATE2_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <use id="GATE2_INPUT" xlink:href="#input" transform="translate(5 26)"/> + <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 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> - <use id="LATCH2_PARAM" xlink:href="#button-small" transform="translate(24 64)"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 78)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(13 110)">IN</text> </g> <g transform="translate(5.5 113)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="39" rx="5" fill="#bbb"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(14 35)">OUT</text> - <use id="LOW2_LIGHT" xlink:href="#light-small" transform="translate(5 29.3)"/> - <use id="HIGH2_LIGHT" xlink:href="#light-small" transform="translate(5 29.3)"/> + <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/LFO-pp.svg b/res-pp/LFO-pp.svg @@ -15,29 +15,35 @@ text.brand { } </style> - <defs> - <symbol id="knob68" viewBox="0 0 68px 68px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> --> + <!-- <rect width="50" height="20" fill="#0f0" transform="translate(100 0)" /> --> + + <text class="title" x="53" y="19" font-size="12pt" letter-spacing="4px">LFO</text> + <g transform="translate(35.5 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </g> + + <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(75 0)" /> --> + + <g transform="translate(21 25)"> + <!-- <rect width="108" height="108" fill="none" stroke="#0f0" /> --> + <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> --> + <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> + <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> - </symbol> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial-frequency-lfo" viewBox="0 0 128px 128px"> + </svg></g> + </g> + <g transform="translate(11 15)"><svg> <g transform="translate(64 64)"> <g transform="rotate(-225.08) translate(34 0)"> <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/> @@ -89,8 +95,62 @@ text.brand { <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(36.92) translate(37 0)"/> <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(37 0)"/> </g> - </symbol> - <symbol id="dial-attenuverter" viewBox="0 0 45px 45px"> + </svg></g> + + <!-- <rect width="20" height="10" fill="#0f0" transform="translate(20 130)" /> --> + <!-- <rect width="20" height="10" fill="#0f0" transform="translate(108 130)" /> --> + <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)"> + <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> --> + <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> + <g transform="translate(72 0)"> + <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> --> + <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 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)"><svg> <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> @@ -126,23 +186,22 @@ text.brand { <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> </g> </g> - </symbol> - <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </svg></g> + </g> + + <g transform="translate(10 196)"> + <g transform="translate(7 0)"> + <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> --> + <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> - </symbol> - <symbol id="dial-centertick" viewBox="0 0 40px 40px"> + </svg></g> + </g> + <g transform="translate(20 -12)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-90) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -152,8 +211,19 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </symbol> - <symbol id="dial-mintick" viewBox="0 0 40px 40px"> + </svg></g> + <g transform="translate(72 0)"> + <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> --> + <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)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-240) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -163,89 +233,7 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> --> - <!-- <rect width="50" height="20" fill="#0f0" transform="translate(100 0)" /> --> - - <text class="title" x="53" y="19" font-size="12pt" letter-spacing="4px">LFO</text> - <g transform="translate(35.5 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> - - <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(75 0)" /> --> - - <g transform="translate(21 25)"> - <!-- <rect width="108" height="108" fill="none" stroke="#0f0" /> --> - <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> --> - <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> - </g> - <use xlink:href="#dial-frequency-lfo" transform="translate(11 15)"/> - - <!-- <rect width="20" height="10" fill="#0f0" transform="translate(20 130)" /> --> - <!-- <rect width="20" height="10" fill="#0f0" transform="translate(108 130)" /> --> - <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> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(26.5 -1)"/> - </g> - - <g transform="translate(10 150)"> - <g transform="translate(7 0)"> - <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> --> - <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 0)" /> --> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 27) rotate(270)">SAM</text> - <use id="SAMPLE_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> - </g> - <use xlink:href="#dial-linear" transform="translate(17.5 -9.6)"/> - <g transform="translate(72 0)"> - <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> --> - <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 0)" /> --> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 22.5) rotate(270)">PW</text> - <use id="PW_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> - </g> - <use xlink:href="#dial-attenuverter" transform="translate(82.5 -9.6)"/> - </g> - - <g transform="translate(10 196)"> - <g transform="translate(7 0)"> - <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> --> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 18) rotate(270)">OFF</text> - <use id="OFFSET_PARAM" xlink:href="#knob16" transform="translate(25 0)"/> - </g> - <use xlink:href="#dial-centertick" transform="translate(20 -12)"/> - <g transform="translate(72 0)"> - <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> --> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 18) rotate(270)">SCL</text> - <use id="SCALE_PARAM" xlink:href="#knob16" transform="translate(25 0)"/> - </g> - <use xlink:href="#dial-mintick" transform="translate(85 -12)"/> + </svg></g> </g> <!-- <rect width="50" height="10" fill="#0f0" transform="translate(0 137)" /> --> @@ -261,15 +249,30 @@ text.brand { <rect width="10" height="8" fill="#fafafa" transform="translate(65 127)"/> <g transform="translate(12 0)"> - <use id="SAMPLE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(5 40)">SAM</text> </g> <g transform="translate(44 0)"> - <use id="PW_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(8 40)">PW</text> </g> <g transform="translate(76 0)"> - <use id="RAMP_DOWN_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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> <!-- <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" /> --> @@ -279,21 +282,41 @@ text.brand { <g transform="translate(0 44)"> <g transform="translate(12 0)"> - <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(6.5 40)">OFF</text> </g> <g transform="translate(44 0)"> - <use id="SCALE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(6.5 40)">SCL</text> </g> <g transform="translate(76 0)"> - <use id="RAMP_UP_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/> </g> </g> <g transform="translate(108 0)"> - <use id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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> <!-- <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" /> --> @@ -303,15 +326,30 @@ text.brand { <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> </g> <g transform="translate(34 0)"> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(0.7 40)">RESET</text> </g> <g transform="translate(66 0)"> - <use id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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> <!-- <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" /> --> @@ -319,7 +357,12 @@ text.brand { </g> </g> <g transform="translate(98 0)"> - <use id="SINE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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> <!-- <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" /> --> diff --git a/res-pp/LLFO-pp.svg b/res-pp/LLFO-pp.svg @@ -16,63 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - <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" stroke="#333" transform="rotate(-240) translate(15 0)"/> @@ -120,20 +63,32 @@ text.brand { <g transform="translate(0 25)"> <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 2)"/> + <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)"/> </g> <g transform="translate(0 72)"> <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/> + <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)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -8)" /> --> <g transform="translate(9 0)"> <g transform="translate(0 0)"> - <use id="SINE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none"/> @@ -142,7 +97,9 @@ text.brand { </g> <g transform="translate(0 13)"> - <use id="RAMP_UP_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/> @@ -150,7 +107,9 @@ text.brand { </g> <g transform="translate(0 26)"> - <use id="SQUARE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -160,7 +119,9 @@ text.brand { <g transform="translate(31 0)"> <g transform="translate(0 0)"> - <use id="TRIANGLE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -168,7 +129,9 @@ text.brand { </g> <g transform="translate(0 13)"> - <use id="RAMP_DOWN_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,8 0,0 12,8" stroke-width="1" stroke="#333" fill="none"/> @@ -176,7 +139,9 @@ text.brand { </g> <g transform="translate(0 26)"> - <use id="PULSE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 0,0 3,0 3,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -184,21 +149,57 @@ text.brand { </g> </g> - <use id="WAVE_PARAM" xlink:href="#button-small" transform="translate(17.5 38)"/> + <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)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(3 0)">OFFSET</text> - <use id="OFFSET_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -2.5)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(0 190)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(6.6 0)">SCALE</text> - <use id="SCALE_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-mintick" transform="translate(2.2 -2.5)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(0 228)"> @@ -206,15 +207,30 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 70)">RESET</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/LVCF-pp.svg b/res-pp/LVCF-pp.svg @@ -16,52 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - <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> @@ -113,63 +67,118 @@ text.brand { <g transform="translate(0 31)"> <text font-size="6pt" letter-spacing="1px" transform="translate(5 0)">CUTOFF</text> - <use id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 8)"/> + <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)"/> </g> <g transform="translate(0 84)"> <text font-size="6pt" letter-spacing="2px" transform="translate(16 0)">CV</text> - <use id="FREQUENCY_CV_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -2.5)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(0 130)"> <text font-size="6pt" letter-spacing="1px" transform="translate(5 0)">RES/BW</text> - <use id="Q_PARAM" xlink:href="#knob26" transform="translate(9.5 8)"/> + <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)"/> </g> <g transform="translate(0.5 180)"> <g transform="translate(10 0)"> <g transform="translate(0 0)"> - <use id="LOWPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> - <use id="BANDPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> - <use id="HIGHPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> - <use id="BANDREJECT_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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> - <use id="MODE_PARAM" xlink:href="#button-small" transform="translate(17.5 24)"/> + <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 transform="translate(5.5 0)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> - <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 70)">CV</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/LVCO-pp.svg b/res-pp/LVCO-pp.svg @@ -16,52 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - <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" stroke="#333" transform="rotate(-240) translate(15 0)"/> @@ -100,20 +54,32 @@ text.brand { <g transform="translate(0 25)"> <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 2)"/> + <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)"/> </g> <g transform="translate(0 63)"> <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/> + <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)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -8)" /> --> <g transform="translate(9 0)"> <g transform="translate(0 0)"> - <use id="SINE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none"/> @@ -122,7 +88,9 @@ text.brand { </g> <g transform="translate(0 13)"> - <use id="SAW_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/> @@ -130,7 +98,9 @@ text.brand { </g> <g transform="translate(0 26)"> - <use id="PULSE_25_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 0,0 4.5,0 4.5,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -140,7 +110,9 @@ text.brand { <g transform="translate(31 0)"> <g transform="translate(0 0)"> - <use id="TRIANGLE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -148,7 +120,9 @@ text.brand { </g> <g transform="translate(0 13)"> - <use id="SQUARE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -156,7 +130,9 @@ text.brand { </g> <g transform="translate(0 26)"> - <use id="PULSE_10_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 0,0 3,0 3,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -164,14 +140,34 @@ text.brand { </g> </g> - <use id="WAVE_PARAM" xlink:href="#button-small" transform="translate(17.5 38)"/> + <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)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(16 0)">FM</text> - <use id="FM_DEPTH_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-mintick" transform="translate(2.2 -2.5)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(0 193)"> @@ -179,17 +175,37 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/> <rect width="34" height="105" rx="5" fill="#fafafa"/> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text> - <use id="FM_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 70)">FM</text> - <use id="SYNC_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5 105)">SYNC</text> </g> <g transform="translate(5.5 111)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/Lag-pp.svg b/res-pp/Lag-pp.svg @@ -16,58 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <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" stroke="#333" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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> - <symbol id="dial-scale" viewBox="0 0 45px 45px"> - <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" stroke="#333" 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" stroke="#333" 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" stroke="#333" transform="rotate(-45) translate(9.5 0)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -102,24 +50,75 @@ text.brand { <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(9.5 0)">TIME</text> - <use id="TIME_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> - <use xlink:href="#dial-time" transform="translate(0 3)"/> - <use id="TIME_SCALE_PARAM" xlink:href="#knob16" transform="translate(14.5 59)"/> - <use xlink:href="#dial-scale" transform="translate(0 44.5)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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> + </svg></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)"><svg> + <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" stroke="#333" 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" stroke="#333" 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" stroke="#333" transform="rotate(-45) translate(9.5 0)"/> + </g> + </svg></g> <g transform="translate(5.5 79)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="TIME_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="SHAPE_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="SHAPE_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> </g> @@ -128,13 +127,23 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/Lmtr-pp.svg b/res-pp/Lmtr-pp.svg @@ -15,15 +15,33 @@ text.brand { } </style> - <defs> - <symbol id="knob38" viewBox="0 0 38px 38px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <text class="title" x="38" y="17" font-size="9pt" letter-spacing="3px">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)"/> + </g> + + <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(45 0)" /> --> + <!-- <rect width="90" height="15" fill="#0f0" transform="translate(0 18)" /> --> + <!-- <rect width="90" height="15" fill="#0f0" transform="translate(0 102)" /> --> + <!-- <rect width="90" height="7" fill="#0f0" transform="translate(0 185)" /> --> + <!-- <rect width="90" height="7" fill="#0f0" transform="translate(0 232)" /> --> + + <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> - </symbol> - <symbol id="dial-threshold" viewBox="0 0 70px 70px"> + </svg></g> + <g transform="translate(10 -4)"><svg> <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" stroke="#333" transform="rotate(-210) translate(21 0)"/> @@ -38,8 +56,19 @@ text.brand { <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-outputgain" viewBox="0 0 70px 70px"> + </svg></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)"><svg> <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" stroke="#333" transform="rotate(-202.5) translate(21 0)"/> @@ -52,58 +81,16 @@ text.brand { <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> - </symbol> - <symbol id="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <text class="title" x="38" y="17" font-size="9pt" letter-spacing="3px">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)"/> - </g> - - <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(45 0)" /> --> - <!-- <rect width="90" height="15" fill="#0f0" transform="translate(0 18)" /> --> - <!-- <rect width="90" height="15" fill="#0f0" transform="translate(0 102)" /> --> - <!-- <rect width="90" height="7" fill="#0f0" transform="translate(0 185)" /> --> - <!-- <rect width="90" height="7" fill="#0f0" transform="translate(0 232)" /> --> - - <g transform="translate(0 40)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(8 0)">THRESHOLD</text> - <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> - <use xlink:href="#dial-threshold" transform="translate(10 -4)"/> - </g> - - <g transform="translate(0 122)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(15.5 0)">OUT GAIN</text> - <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> - <use xlink:href="#dial-outputgain" transform="translate(10 -4)"/> + </svg></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> - <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> @@ -111,21 +98,51 @@ text.brand { <g transform="translate(0 0)"> <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)"/> <rect width="68" height="73" rx="5" fill="#fafafa"/> - <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text> - <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text> - <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">TRSH</text> - <use id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(39 40)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(42 72)">OGN</text> </g> <g transform="translate(0 79)"> <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="68" height="37" rx="5" fill="#bbb"/> - <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text> - <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text> </g> </g> diff --git a/res-pp/Manual-pp.svg b/res-pp/Manual-pp.svg @@ -15,20 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -47,7 +33,11 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/> <rect width="34" height="33" rx="5" fill="#fafafa"/> - <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text> </g> </g> @@ -58,15 +48,55 @@ text.brand { <rect width="34" height="250" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 30)"/> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 60)"/> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 90)"/> + <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> - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(3 120)"/> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(3 150)"/> - <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(3 180)"/> - <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(3 210)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 244)">OUT</text> </g> diff --git a/res-pp/Matrix44-pp.svg b/res-pp/Matrix44-pp.svg @@ -15,37 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="knob19" viewBox="0 0 20px 20px"> - <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> - </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" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -66,86 +35,310 @@ text.brand { <g transform="translate(13.5 42.5)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text> - <use id="MIX11_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(13.5 99)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2A</text> - <use id="MIX21_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(13.5 155)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3A</text> - <use id="MIX31_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(13.5 211)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4A</text> - <use id="MIX41_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </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> - <use id="MIX12_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(45.5 99)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2B</text> - <use id="MIX22_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(45.5 155)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3B</text> - <use id="MIX32_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(45.5 211)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4B</text> - <use id="MIX42_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </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> - <use id="MIX13_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(77.5 99)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2C</text> - <use id="MIX23_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(77.5 155)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3C</text> - <use id="MIX33_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(77.5 211)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4C</text> - <use id="MIX43_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </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> - <use id="MIX14_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(109.5 99)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2D</text> - <use id="MIX24_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(109.5 155)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3D</text> - <use id="MIX34_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(109.5 211)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4D</text> - <use id="MIX44_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(0 269)"> @@ -154,37 +347,77 @@ text.brand { <rect width="130" height="10" fill="#fafafa" transform="translate(10 34)"/> <g transform="translate(12 0)"> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">1</text> </g> <g transform="translate(44 0)"> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">2</text> </g> <g transform="translate(76 0)"> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">3</text> </g> <g transform="translate(108 0)"> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.4 40)">4</text> </g> <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.2 40)">A</text> </g> <g transform="translate(34 0)"> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">B</text> </g> <g transform="translate(66 0)"> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">C</text> </g> <g transform="translate(98 0)"> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">D</text> </g> </g> diff --git a/res-pp/Matrix88-pp.svg b/res-pp/Matrix88-pp.svg @@ -15,37 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="knob19" viewBox="0 0 20px 20px"> - <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> - </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" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -63,290 +32,1266 @@ text.brand { <g transform="translate(5.5 25)"> <rect width="34" height="293" rx="5" fill="#fafafa" transform="translate(0 0)"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)"/> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)"/> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)"/> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)"/> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)"/> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)"/> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)"/> + <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 transform="translate(46.5 323)"> <rect width="278.5" height="34" rx="5" fill="#bbb" transform="translate(0 0)"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 5)"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(40 5)"/> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(75 5)"/> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(110 5)"/> - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(145 5)"/> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(180 5)"/> - <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(215 5)"/> - <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(250 5)"/> + <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)"> - <use id="MIX11_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(50 61)"> - <use id="MIX21_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(50 98)"> - <use id="MIX31_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(50 135)"> - <use id="MIX41_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(50 172)"> - <use id="MIX51_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(50 209)"> - <use id="MIX61_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(50 246)"> - <use id="MIX71_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(50 283)"> - <use id="MIX81_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(85 24)"> - <use id="MIX12_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(85 61)"> - <use id="MIX22_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(85 98)"> - <use id="MIX32_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(85 135)"> - <use id="MIX42_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(85 172)"> - <use id="MIX52_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(85 209)"> - <use id="MIX62_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(85 246)"> - <use id="MIX72_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> - </g> - <g transform="translate(85 283)"> - <use id="MIX82_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> - </g> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + </g> <g transform="translate(120 24)"> - <use id="MIX13_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(120 61)"> - <use id="MIX23_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(120 98)"> - <use id="MIX33_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(120 135)"> - <use id="MIX43_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(120 172)"> - <use id="MIX53_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(120 209)"> - <use id="MIX63_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(120 246)"> - <use id="MIX73_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(120 283)"> - <use id="MIX83_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(155 24)"> - <use id="MIX14_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(155 61)"> - <use id="MIX24_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(155 98)"> - <use id="MIX34_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(155 135)"> - <use id="MIX44_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(155 172)"> - <use id="MIX54_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(155 209)"> - <use id="MIX64_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(155 246)"> - <use id="MIX74_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(155 283)"> - <use id="MIX84_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(190 24)"> - <use id="MIX15_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(190 61)"> - <use id="MIX25_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(190 98)"> - <use id="MIX35_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(190 135)"> - <use id="MIX45_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(190 172)"> - <use id="MIX55_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(190 209)"> - <use id="MIX65_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(190 246)"> - <use id="MIX75_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(190 283)"> - <use id="MIX85_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(225 24)"> - <use id="MIX16_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(225 61)"> - <use id="MIX26_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(225 98)"> - <use id="MIX36_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(225 135)"> - <use id="MIX46_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(225 172)"> - <use id="MIX56_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(225 209)"> - <use id="MIX66_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(225 246)"> - <use id="MIX76_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(225 283)"> - <use id="MIX86_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(260 24)"> - <use id="MIX17_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(260 61)"> - <use id="MIX27_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(260 98)"> - <use id="MIX37_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(260 135)"> - <use id="MIX47_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(260 172)"> - <use id="MIX57_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(260 209)"> - <use id="MIX67_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(260 246)"> - <use id="MIX77_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(260 283)"> - <use id="MIX87_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(295 24)"> - <use id="MIX18_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(295 61)"> - <use id="MIX28_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(295 98)"> - <use id="MIX38_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(295 135)"> - <use id="MIX48_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(295 172)"> - <use id="MIX58_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(295 209)"> - <use id="MIX68_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(295 246)"> - <use id="MIX78_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(295 283)"> - <use id="MIX88_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> diff --git a/res-pp/Mix1-pp.svg b/res-pp/Mix1-pp.svg @@ -15,18 +15,26 @@ text.brand { } </style> - <defs> - <symbol id="slider-151" viewBox="0 0 18px 151x"> - <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> - </symbol> - <symbol id="sliderdial-db-151" viewBox="0 0 20px 151px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> + + <g transform="rotate(-90) translate(-376 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 width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + <g transform="translate(0 18)"> + <g transform="translate(0 0)"><svg> <g transform="translate(0 6.5)"> <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> @@ -60,65 +68,59 @@ text.brand { <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> </g> - </symbol> - <symbol id="button" viewBox="0 0 18px 18px"> + </svg></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 transform="translate(5.5 0)"> + <rect width="34" height="10" fill="#fafafa" transform="translate(0 120)"/> + <rect width="34" height="127" rx="5" fill="#fafafa"/> + <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> - </symbol> - <symbol id="input" viewBox="0 0 24px 24px"> + </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> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> + </svg></g> + <text 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="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> - - <g transform="rotate(-90) translate(-376 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 width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> - </g> - </g> - - <g transform="translate(0 18)"> - <use xlink:href="#sliderdial-db-151" transform="translate(0 0)"/> - <use id="LEVEL_PARAM" xlink:href="#slider-151" transform="translate(13.5 0)"/> - </g> - - <g transform="translate(0 173)"> - <g transform="translate(5.5 0)"> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 120)"/> - <rect width="34" height="127" rx="5" fill="#fafafa"/> - <use id="MUTE_PARAM" xlink:href="#button" transform="translate(8 3)"/> - <use id="MUTE_INPUT" xlink:href="#input" transform="translate(5 25)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(5 57)">MUTE</text> - <use id="LEVEL_INPUT" xlink:href="#input" transform="translate(5 60)"/> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 92)">LEVEL</text> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 95)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 127)">IN</text> </g> <g transform="translate(5.5 133)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/Mix2-pp.svg b/res-pp/Mix2-pp.svg @@ -15,18 +15,19 @@ text.brand { } </style> - <defs> - <symbol id="slider-151" viewBox="0 0 18px 151x"> - <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> - </symbol> - <symbol id="sliderdial-db-151" viewBox="0 0 20px 151px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <text class="title" x="30" y="17" font-size="9pt" letter-spacing="3px">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)"/> + </g> + + <g transform="translate(0 32)"> + <g transform="translate(15 0)"><svg> <g transform="translate(0 6.5)"> <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> @@ -60,44 +61,25 @@ text.brand { <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> </g> - </symbol> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </svg></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> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <text class="title" x="30" y="17" font-size="9pt" letter-spacing="3px">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)"/> - </g> - - <g transform="translate(0 32)"> - <use xlink:href="#sliderdial-db-151" transform="translate(15 0)"/> - <use id="LEVEL_PARAM" xlink:href="#slider-151" transform="translate(28.5 0)"/> + </svg></g> </g> <g transform="translate(15 197)"> - <use id="MUTE_PARAM" xlink:href="#button" transform="translate(13.5 0)"/> + <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> @@ -105,21 +87,51 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="64" height="10" fill="#fafafa" transform="translate(0 66)"/> <rect width="64" height="73" rx="5" fill="#fafafa"/> - <use id="LEVEL_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <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 font-size="5pt" letter-spacing="1.5px" transform="translate(4.5 36)">LEVEL</text> - <use id="MUTE_INPUT" xlink:href="#input" transform="translate(35 4)"/> + <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 font-size="5pt" letter-spacing="1.5px" transform="translate(35.5 36)">MUTE</text> - <use id="L_INPUT" xlink:href="#input" transform="translate(5 40)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 72)">L</text> - <use id="R_INPUT" xlink:href="#input" transform="translate(35 40)"/> + <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 font-size="5pt" letter-spacing="0.5px" transform="translate(39 72)">R (L)</text> </g> <g transform="translate(5.5 79)"> <rect width="64" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="64" height="37" rx="5" fill="#bbb"/> - <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 33)">L</text> - <use id="R_OUTPUT" xlink:href="#output" transform="translate(35 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(45 33)">R</text> </g> </g> diff --git a/res-pp/Mix4-pp.svg b/res-pp/Mix4-pp.svg @@ -15,18 +15,26 @@ text.brand { } </style> - <defs> - <symbol id="slider-151" viewBox="0 0 18px 151x"> - <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> - </symbol> - <symbol id="sliderdial-db-151" viewBox="0 0 20px 151px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <rect width="85" height="20" fill="#0f0" transform="translate(0 0)" /> --> + <!-- <rect width="85" height="20" fill="#0f0" transform="translate(140 0)" /> --> + <!-- <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(215 0)" /> --> + + <text class="title" x="85" y="19" font-size="12pt" letter-spacing="4px">MIX4</text> + <g transform="translate(72.5 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </g> + + <g transform="translate(4 20)"> + <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> + <g transform="translate(0 12)"><svg> <g transform="translate(0 6.5)"> <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> @@ -60,15 +68,31 @@ text.brand { <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> </g> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> + </svg></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> - </symbol> - <symbol id="dial-centertick" viewBox="0 0 40px 40px"> + </svg></g> + <g transform="translate(2.5 191)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-90) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -78,59 +102,30 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </symbol> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="input" viewBox="0 0 24px 24px"> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g transform="translate(5.5 232)"> + <rect width="34" height="108" rx="5" fill="#fafafa"/> + <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> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> + </svg></g> + <text 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="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <rect width="85" height="20" fill="#0f0" transform="translate(0 0)" /> --> - <!-- <rect width="85" height="20" fill="#0f0" transform="translate(140 0)" /> --> - <!-- <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(215 0)" /> --> - - <text class="title" x="85" y="19" font-size="12pt" letter-spacing="4px">MIX4</text> - <g transform="translate(72.5 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> - - <g transform="translate(4 20)"> - <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> - <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL1_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN1_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> - <g transform="translate(5.5 232)"> - <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="8" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -139,20 +134,98 @@ text.brand { <g transform="translate(47 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH2</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL2_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <g transform="translate(0 12)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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> - <use id="PAN2_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="8" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -161,20 +234,98 @@ text.brand { <g transform="translate(90 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH3</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL3_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <g transform="translate(0 12)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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> - <use id="PAN3_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN3_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="8" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -183,20 +334,98 @@ text.brand { <g transform="translate(133 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH4</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL4_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <g transform="translate(0 12)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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> - <use id="PAN4_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN4_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="8" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -205,21 +434,87 @@ text.brand { <g transform="translate(176 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">MIX</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="MIX_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MIX_MUTE_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <g transform="translate(0 12)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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> - <use id="MIX_DIM_PARAM" xlink:href="#button" transform="translate(13.5 198)"/> + <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 transform="translate(5.5 229)"> <rect width="34" height="50" rx="5" fill="#fafafa"/> - <use id="MIX_CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> <rect width="34" height="73" rx="5" fill="#bbb" transform="translate(0 38)"/> <rect width="34" height="5" fill="#bbb" transform="translate(0 38)"/> - <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 41)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.5 73)">L</text> - <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 76)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 108)">R</text> </g> </g> diff --git a/res-pp/Mix4x-pp.svg b/res-pp/Mix4x-pp.svg @@ -15,15 +15,33 @@ text.brand { } </style> - <defs> - <symbol id="knob16" viewBox="0 0 16px 16px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <rect width="75" height="20" fill="#0f0" transform="translate(0 0)" /> --> + <!-- <rect width="75" height="20" fill="#0f0" transform="translate(150 0)" /> --> + <!-- <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(215 0)" /> --> + <!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 360)" /> --> + + <text class="title" x="77" y="19" font-size="12pt" letter-spacing="4px">MIX4X</text> + <g transform="translate(72.5 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -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> - </symbol> - <symbol id="dial-centertick" viewBox="0 0 40px 40px"> + </svg></g> + <g transform="translate(2.5 11)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-90) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -33,8 +51,54 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </symbol> - <symbol id="dial-mintick" viewBox="0 0 40px 40px"> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-240) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -44,162 +108,438 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> + </svg></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> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> - <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <rect width="75" height="20" fill="#0f0" transform="translate(0 0)" /> --> - <!-- <rect width="75" height="20" fill="#0f0" transform="translate(150 0)" /> --> - <!-- <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(215 0)" /> --> - <!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 360)" /> --> - - <text class="title" x="77" y="19" font-size="12pt" letter-spacing="4px">MIX4X</text> - <g transform="translate(72.5 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> - - <g transform="translate(4 20)"> - <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> - <use id="LOW1_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID1_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH1_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A1_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> - <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> - <use id="PRE_A1_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B1_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + </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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_B1_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <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 transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 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> - <use id="LOW2_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID2_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH2_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A2_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_A2_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B2_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_B2_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <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 transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 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> - <use id="LOW3_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID3_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH3_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A3_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_A3_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B3_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_B3_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <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 transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A3_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B3_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 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> - <use id="LOW4_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID4_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH4_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A4_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_A4_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B4_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_B4_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <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 transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A4_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B4_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> </g> </g> @@ -208,17 +548,43 @@ text.brand { <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <g transform="translate(5.5 1)"> <rect width="34" height="50" rx="5" fill="#bbb"/> - <use id="SEND_A_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(14.7 35)">A</text> <rect width="34" height="146" rx="5" fill="#fafafa" transform="translate(0 38)"/> <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)"/> - <use id="L_A_INPUT" xlink:href="#input" transform="translate(5 41)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text> - <use id="R_A_INPUT" xlink:href="#input" transform="translate(5 76)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> - <use id="LEVEL_A_PARAM" xlink:href="#knob16" transform="translate(9 117)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> - <use id="LEVEL_A_INPUT" xlink:href="#input" transform="translate(5 149)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 181)">CV</text> <!-- <g transform="translate(0 29.5)"> --> <!-- <rect width="9" height="36" rx="5" fill="#fafafa" transform="translate(-9 8.5)" /> --> @@ -226,22 +592,63 @@ text.brand { <!-- <text font-size="5pt" letter-spacing="2px" transform="translate(-1 40) rotate(-90)">AUX A</text> --> <!-- </g> --> </g> - <use xlink:href="#dial-mintick" transform="translate(2.5 106)"/> + <g transform="translate(2.5 106)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <g transform="translate(5.5 191)"> <rect width="34" height="50" rx="5" fill="#bbb"/> - <use id="SEND_B_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(14.8 35)">B</text> <rect width="34" height="111" rx="5" fill="#fafafa" transform="translate(0 38)"/> <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)"/> - <use id="L_B_INPUT" xlink:href="#input" transform="translate(5 41)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text> - <use id="R_B_INPUT" xlink:href="#input" transform="translate(5 76)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> - <use id="LEVEL_B_PARAM" xlink:href="#knob16" transform="translate(9 117)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> </g> - <use xlink:href="#dial-mintick" transform="translate(2.5 296)"/> + <g transform="translate(2.5 296)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <!-- <polyline points="0,0 0,350" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> </g> </svg> diff --git a/res-pp/Mix8-pp.svg b/res-pp/Mix8-pp.svg @@ -15,18 +15,26 @@ text.brand { } </style> - <defs> - <symbol id="slider-151" viewBox="0 0 18px 151x"> - <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> - </symbol> - <symbol id="sliderdial-db-151" viewBox="0 0 20px 151px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 404,1 404,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 405,0 405,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <rect width="175" height="20" fill="#0f0" transform="translate(0 0)" /> --> + <!-- <rect width="175" height="20" fill="#0f0" transform="translate(230 0)" /> --> + <!-- <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(395 0)" /> --> + + <text class="title" x="175" y="19" font-size="12pt" letter-spacing="4px">MIX8</text> + <g transform="translate(162.5 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </g> + + <g transform="translate(4 20)"> + <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> + <g transform="translate(0 12)"><svg> <g transform="translate(0 6.5)"> <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> @@ -60,15 +68,31 @@ text.brand { <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> </g> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> + </svg></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> - </symbol> - <symbol id="dial-centertick" viewBox="0 0 40px 40px"> + </svg></g> + <g transform="translate(2.5 191)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-90) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -78,59 +102,30 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </symbol> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="input" viewBox="0 0 24px 24px"> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g transform="translate(5.5 232)"> + <rect width="34" height="108" rx="5" fill="#fafafa"/> + <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> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> + </svg></g> + <text 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="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> + <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 404,1 404,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 405,0 405,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <rect width="175" height="20" fill="#0f0" transform="translate(0 0)" /> --> - <!-- <rect width="175" height="20" fill="#0f0" transform="translate(230 0)" /> --> - <!-- <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(395 0)" /> --> - - <text class="title" x="175" y="19" font-size="12pt" letter-spacing="4px">MIX8</text> - <g transform="translate(162.5 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> - - <g transform="translate(4 20)"> - <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> - <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL1_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN1_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> - <g transform="translate(5.5 232)"> - <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -139,20 +134,98 @@ text.brand { <g transform="translate(48 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH2</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL2_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <g transform="translate(0 12)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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> - <use id="PAN2_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -161,20 +234,98 @@ text.brand { <g transform="translate(92 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH3</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL3_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <g transform="translate(0 12)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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> - <use id="PAN3_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN3_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -183,86 +334,398 @@ text.brand { <g transform="translate(136 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH4</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL4_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN4_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> - <g transform="translate(5.5 232)"> - <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN4_INPUT" xlink:href="#input" transform="translate(5 38)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 73)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> - </g> - <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> - </g> - - <g transform="translate(180 20)"> - <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> - <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH5</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL5_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE5_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN5_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> - <g transform="translate(5.5 232)"> - <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV5_INPUT" xlink:href="#input" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN5_INPUT" xlink:href="#input" transform="translate(5 38)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 73)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> - </g> - <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> - </g> - - <g transform="translate(224 20)"> - <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> - <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH6</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL6_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE6_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN6_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> - <g transform="translate(5.5 232)"> - <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV6_INPUT" xlink:href="#input" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN6_INPUT" xlink:href="#input" transform="translate(5 38)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 73)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> - </g> - <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> + <g transform="translate(0 12)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g transform="translate(5.5 232)"> + <rect width="34" height="108" rx="5" fill="#fafafa"/> + <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 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 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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> + </g> + + <g transform="translate(180 20)"> + <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH5</text> + <g transform="translate(0 12)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g transform="translate(5.5 232)"> + <rect width="34" height="108" rx="5" fill="#fafafa"/> + <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 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 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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> + </g> + + <g transform="translate(224 20)"> + <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> + <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH6</text> + <g transform="translate(0 12)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> + <g transform="translate(5.5 232)"> + <rect width="34" height="108" rx="5" fill="#fafafa"/> + <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 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 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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> + </g> + <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> </g> <g transform="translate(268 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH7</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL7_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE7_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <g transform="translate(0 12)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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> - <use id="PAN7_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV7_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN7_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -271,20 +734,98 @@ text.brand { <g transform="translate(312 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH8</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL8_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE8_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <g transform="translate(0 12)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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> - <use id="PAN8_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV8_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN8_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -293,21 +834,87 @@ text.brand { <g transform="translate(356 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">MIX</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="MIX_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MIX_MUTE_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <g transform="translate(0 12)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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> - <use id="MIX_DIM_PARAM" xlink:href="#button" transform="translate(13.5 198)"/> + <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 transform="translate(5.5 229)"> <rect width="34" height="50" rx="5" fill="#fafafa"/> - <use id="MIX_CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> <rect width="34" height="73" rx="5" fill="#bbb" transform="translate(0 38)"/> <rect width="34" height="5" fill="#bbb" transform="translate(0 38)"/> - <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 41)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.5 73)">L</text> - <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 76)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 108)">R</text> </g> </g> diff --git a/res-pp/Mix8x-pp.svg b/res-pp/Mix8x-pp.svg @@ -15,15 +15,32 @@ text.brand { } </style> - <defs> - <symbol id="knob16" viewBox="0 0 16px 16px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 404,1 404,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 405,0 405,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <rect width="170" height="20" fill="#0f0" transform="translate(0 0)" /> --> + <!-- <rect width="170" height="20" fill="#0f0" transform="translate(235 0)" /> --> + <!-- <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(395 0)" /> --> + + <text class="title" x="168" y="19" font-size="12pt" letter-spacing="4px">MIX8X</text> + <g transform="translate(162.5 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -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> - </symbol> - <symbol id="dial-centertick" viewBox="0 0 40px 40px"> + </svg></g> + <g transform="translate(2.5 11)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-90) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -33,8 +50,54 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </symbol> - <symbol id="dial-mintick" viewBox="0 0 40px 40px"> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-240) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -44,281 +107,950 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> + </svg></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> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> - <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 404,1 404,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 405,0 405,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <rect width="170" height="20" fill="#0f0" transform="translate(0 0)" /> --> - <!-- <rect width="170" height="20" fill="#0f0" transform="translate(235 0)" /> --> - <!-- <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(395 0)" /> --> - - <text class="title" x="168" y="19" font-size="12pt" letter-spacing="4px">MIX8X</text> - <g transform="translate(162.5 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> - - <g transform="translate(4 20)"> - <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> - <use id="LOW1_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID1_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH1_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A1_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> - <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> - <use id="PRE_A1_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B1_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + </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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_B1_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <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 transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 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> - <use id="LOW2_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID2_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH2_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A2_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_A2_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B2_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_B2_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <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 transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 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> - <use id="LOW3_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID3_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH3_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A3_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_A3_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B3_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_B3_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <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 transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A3_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B3_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 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> - <use id="LOW4_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID4_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH4_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A4_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_A4_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B4_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_B4_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <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 transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A4_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B4_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 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> - <use id="LOW5_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID5_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH5_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A5_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_A5_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B5_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_B5_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <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 transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A5_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B5_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 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> - <use id="LOW6_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID6_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH6_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A6_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_A6_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B6_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_B6_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <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 transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A6_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B6_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 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> - <use id="LOW7_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID7_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH7_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A7_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_A7_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B7_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_B7_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <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 transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A7_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B7_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 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> - <use id="LOW8_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID8_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH8_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A8_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_A8_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B8_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="PRE_B8_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <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 transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A8_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B8_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> </g> </g> @@ -327,35 +1059,102 @@ text.brand { <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <g transform="translate(5.5 1)"> <rect width="34" height="50" rx="5" fill="#bbb"/> - <use id="SEND_A_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(14.7 35)">A</text> <rect width="34" height="146" rx="5" fill="#fafafa" transform="translate(0 38)"/> <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)"/> - <use id="L_A_INPUT" xlink:href="#input" transform="translate(5 41)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text> - <use id="R_A_INPUT" xlink:href="#input" transform="translate(5 76)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> - <use id="LEVEL_A_PARAM" xlink:href="#knob16" transform="translate(9 117)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> - <use id="LEVEL_A_INPUT" xlink:href="#input" transform="translate(5 149)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 181)">CV</text> </g> - <use xlink:href="#dial-mintick" transform="translate(2.5 106)"/> + <g transform="translate(2.5 106)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <g transform="translate(5.5 191)"> <rect width="34" height="50" rx="5" fill="#bbb"/> - <use id="SEND_B_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(14.8 35)">B</text> <rect width="34" height="111" rx="5" fill="#fafafa" transform="translate(0 38)"/> <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)"/> - <use id="L_B_INPUT" xlink:href="#input" transform="translate(5 41)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text> - <use id="R_B_INPUT" xlink:href="#input" transform="translate(5 76)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> - <use id="LEVEL_B_PARAM" xlink:href="#knob16" transform="translate(9 117)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text> </g> - <use xlink:href="#dial-mintick" transform="translate(2.5 296)"/> + <g transform="translate(2.5 296)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <!-- <polyline points="0,0 0,350" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> </g> </svg> diff --git a/res-pp/Mono-pp.svg b/res-pp/Mono-pp.svg @@ -16,44 +16,6 @@ text.brand { </style> <defs> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="compression-mono" viewBox="0 0 11px 75px"> <!-- <rect width="11" height="75" x="0" y="0" rx="0" fill="#ccc" /> --> <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)"/> @@ -104,25 +66,57 @@ text.brand { <g transform="translate(2.5 30)"> <!-- <rect width="40" height="40" fill="#fafafa" transform="translate(0 0)" /> --> - <use id="CHANNEL_1_WIDGET" xlink:href="#light-small" transform="translate(0, 0) translate(1.8 1.8)"/> - <use id="CHANNEL_2_WIDGET" xlink:href="#light-small" transform="translate(10, 0) translate(1.8 1.8)"/> - <use id="CHANNEL_3_WIDGET" xlink:href="#light-small" transform="translate(20, 0) translate(1.8 1.8)"/> - <use id="CHANNEL_4_WIDGET" xlink:href="#light-small" transform="translate(30, 0) translate(1.8 1.8)"/> - - <use id="CHANNEL_5_WIDGET" xlink:href="#light-small" transform="translate(0, 10) translate(1.8 1.8)"/> - <use id="CHANNEL_6_WIDGET" xlink:href="#light-small" transform="translate(10, 10) translate(1.8 1.8)"/> - <use id="CHANNEL_7_WIDGET" xlink:href="#light-small" transform="translate(20, 10) translate(1.8 1.8)"/> - <use id="CHANNEL_8_WIDGET" xlink:href="#light-small" transform="translate(30, 10) translate(1.8 1.8)"/> - - <use id="CHANNEL_9_WIDGET" xlink:href="#light-small" transform="translate(0, 20) translate(1.8 1.8)"/> - <use id="CHANNEL_10_WIDGET" xlink:href="#light-small" transform="translate(10, 20) translate(1.8 1.8)"/> - <use id="CHANNEL_11_WIDGET" xlink:href="#light-small" transform="translate(20, 20) translate(1.8 1.8)"/> - <use id="CHANNEL_12_WIDGET" xlink:href="#light-small" transform="translate(30, 20) translate(1.8 1.8)"/> - - <use id="CHANNEL_13_WIDGET" xlink:href="#light-small" transform="translate(0, 30) translate(1.8 1.8)"/> - <use id="CHANNEL_14_WIDGET" xlink:href="#light-small" transform="translate(10, 30) translate(1.8 1.8)"/> - <use id="CHANNEL_15_WIDGET" xlink:href="#light-small" transform="translate(20, 30) translate(1.8 1.8)"/> - <use id="CHANNEL_16_WIDGET" xlink:href="#light-small" transform="translate(30, 30) translate(1.8 1.8)"/> + <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> <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 72)" /> --> @@ -131,8 +125,28 @@ text.brand { <g transform="translate(0 92)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">COMP</text> - <use id="COMPRESSION_PARAM" xlink:href="#knob26" transform="translate(9.5 7.5)"/> - <use xlink:href="#dial-linear" transform="translate(0 -2)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> </g> <g transform="translate(17 147)"> @@ -142,21 +156,51 @@ text.brand { <g transform="translate(0 198)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(7 0)">LEVEL</text> - <use id="LEVEL_PARAM" xlink:href="#knob26" transform="translate(9.5 7.5)"/> - <use xlink:href="#dial-linear" transform="translate(0 -2)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> </g> <g transform="translate(0 251)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="POLY_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">POLY</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="MONO_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(4.5 32)">MONO</text> </g> </g> diff --git a/res-pp/Mult-pp.svg b/res-pp/Mult-pp.svg @@ -15,21 +15,6 @@ text.brand { } </style> - <defs> - <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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -48,7 +33,12 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 29)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="INA_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(7 35)">IN-A</text> </g> </g> @@ -59,9 +49,24 @@ text.brand { <rect width="34" height="102" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUTA1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> - <use id="OUTA2_OUTPUT" xlink:href="#output" transform="translate(3 30)"/> - <use id="OUTA3_OUTPUT" xlink:href="#output" transform="translate(3 60)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 95)">OUT</text> </g> @@ -74,7 +79,12 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 29)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="INB_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(3 35)">IN-B(A)</text> </g> </g> @@ -85,9 +95,24 @@ text.brand { <rect width="34" height="102" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUTB1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> - <use id="OUTB2_OUTPUT" xlink:href="#output" transform="translate(3 30)"/> - <use id="OUTB3_OUTPUT" xlink:href="#output" transform="translate(3 60)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 95)">OUT</text> </g> diff --git a/res-pp/Mumix-pp.svg b/res-pp/Mumix-pp.svg @@ -15,26 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -50,32 +30,109 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 283)"/> <rect width="34" height="293" rx="5" fill="#fafafa"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)"/> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)"/> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)"/> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)"/> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)"/> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)"/> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)"/> + <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 transform="translate(5.5 295)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="38" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 33)">OUT</text> </g> </g> <g transform="translate(55.5 24)"> - <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(1 9)"/> - <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(1 46)"/> - <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(1 83)"/> - <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(1 120)"/> - <use id="MUTE5_PARAM" xlink:href="#button" transform="translate(1 157)"/> - <use id="MUTE6_PARAM" xlink:href="#button" transform="translate(1 194)"/> - <use id="MUTE7_PARAM" xlink:href="#button" transform="translate(1 231)"/> - <use id="MUTE8_PARAM" xlink:href="#button" transform="translate(1 268)"/> + <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> <!-- <polyline points="0,0 0,380" stroke-width="0.5" stroke="#0f0" transform="translate(24.5 0)" /> --> diff --git a/res-pp/Mute8-pp.svg b/res-pp/Mute8-pp.svg @@ -15,29 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -55,15 +32,55 @@ text.brand { <g transform="translate(8 32)"> <rect width="30" height="328" rx="5" fill="#fafafa"/> <g transform="translate(3 4)"> - <use id="INPUT1_INPUT" xlink:href="#input" transform="translate(0 0)"/> - <use id="INPUT2_INPUT" xlink:href="#input" transform="translate(0 40)"/> - <use id="INPUT3_INPUT" xlink:href="#input" transform="translate(0 80)"/> - <use id="INPUT4_INPUT" xlink:href="#input" transform="translate(0 120)"/> + <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> - <use id="INPUT5_INPUT" xlink:href="#input" transform="translate(0 160)"/> - <use id="INPUT6_INPUT" xlink:href="#input" transform="translate(0 200)"/> - <use id="INPUT7_INPUT" xlink:href="#input" transform="translate(0 240)"/> - <use id="INPUT8_INPUT" xlink:href="#input" transform="translate(0 280)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(9.8 320)">IN</text> </g> @@ -71,15 +88,55 @@ text.brand { <g transform="translate(43 32)"> <rect width="30" height="328" rx="5" fill="#fafafa"/> <g transform="translate(3 4)"> - <use id="MUTE1_INPUT" xlink:href="#input" transform="translate(0 0)"/> - <use id="MUTE2_INPUT" xlink:href="#input" transform="translate(0 40)"/> - <use id="MUTE3_INPUT" xlink:href="#input" transform="translate(0 80)"/> - <use id="MUTE4_INPUT" xlink:href="#input" transform="translate(0 120)"/> + <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> - <use id="MUTE5_INPUT" xlink:href="#input" transform="translate(0 160)"/> - <use id="MUTE6_INPUT" xlink:href="#input" transform="translate(0 200)"/> - <use id="MUTE7_INPUT" xlink:href="#input" transform="translate(0 240)"/> - <use id="MUTE8_INPUT" xlink:href="#input" transform="translate(0 280)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text> </g> @@ -88,37 +145,85 @@ text.brand { <!-- <rect width="30" height="328" rx="5" fill="#fafafa" /> --> <g transform="translate(0 4)"> <g transform="translate(0 2)"> - <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE1_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <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)"> - <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE2_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <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)"> - <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE3_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <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)"> - <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE4_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <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)"> - <use id="MUTE5_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE5_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <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)"> - <use id="MUTE6_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE6_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <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)"> - <use id="MUTE7_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE7_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <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)"> - <use id="MUTE8_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE8_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <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> @@ -127,15 +232,55 @@ text.brand { <g transform="translate(112 32)"> <rect width="30" height="328" rx="5" fill="#bbb"/> <g transform="translate(3 4)"> - <use id="OUTPUT1_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> - <use id="OUTPUT2_OUTPUT" xlink:href="#output" transform="translate(0 40)"/> - <use id="OUTPUT3_OUTPUT" xlink:href="#output" transform="translate(0 80)"/> - <use id="OUTPUT4_OUTPUT" xlink:href="#output" transform="translate(0 120)"/> + <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> - <use id="OUTPUT5_OUTPUT" xlink:href="#output" transform="translate(0 160)"/> - <use id="OUTPUT6_OUTPUT" xlink:href="#output" transform="translate(0 200)"/> - <use id="OUTPUT7_OUTPUT" xlink:href="#output" transform="translate(0 240)"/> - <use id="OUTPUT8_OUTPUT" xlink:href="#output" transform="translate(0 280)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text> </g> diff --git a/res-pp/Noise-pp.svg b/res-pp/Noise-pp.svg @@ -15,21 +15,6 @@ text.brand { } </style> - <defs> - <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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -46,15 +31,40 @@ text.brand { <g transform="translate(0 18)"> <g transform="translate(7.5 0)"> <rect width="34" height="209" rx="5" fill="#bbb" transform="translate(-2 0)"/> - <use id="BLUE_OUTPUT" xlink:href="#output" transform="translate(3 6)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(4 39)">BLUE</text> - <use id="WHITE_OUTPUT" xlink:href="#output" transform="translate(3 47)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(0.5 80)">WHITE</text> - <use id="PINK_OUTPUT" xlink:href="#output" transform="translate(3 88)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(4.5 121)">PINK</text> - <use id="RED_OUTPUT" xlink:href="#output" transform="translate(3 129)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(7 162)">RED</text> - <use id="GAUSS_OUTPUT" xlink:href="#output" transform="translate(3 170)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(0 203)">GAUSS</text> </g> </g> @@ -64,13 +74,23 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="ABS_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="ABS_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/Nsgt-pp.svg b/res-pp/Nsgt-pp.svg @@ -16,46 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob38" viewBox="0 0 38px 38px"> - <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> - </symbol> - <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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -90,20 +50,50 @@ text.brand { <g transform="translate(0 40)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 0)">THRESHOLD</text> - <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> - <use xlink:href="#dial-threshold" transform="translate(10 -4)"/> + <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)"><svg> + <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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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> + </svg></g> </g> <g transform="translate(0 122)"> <text font-size="8pt" letter-spacing="2px" transform="translate(25.5 0)">RATIO</text> - <use id="RATIO_PARAM" xlink:href="#knob38" transform="translate(26 13)"/> + <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)"/> </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> - <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> @@ -111,21 +101,51 @@ text.brand { <g transform="translate(0 0)"> <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)"/> <rect width="68" height="73" rx="5" fill="#fafafa"/> - <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text> - <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text> - <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">TRSH</text> - <use id="RATIO_INPUT" xlink:href="#input" transform="translate(39 40)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(39.5 72)">RATIO</text> </g> <g transform="translate(0 79)"> <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="68" height="37" rx="5" fill="#bbb"/> - <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text> - <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text> </g> </g> diff --git a/res-pp/Offset-pp.svg b/res-pp/Offset-pp.svg @@ -16,26 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="dial-offset-offset" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(17 0)"> @@ -230,22 +210,44 @@ text.brand { <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2px" transform="translate(3 0)">OFFSET</text> - <use id="OFFSET_PARAM" xlink:href="#knob29" transform="translate(0 7)"/> + <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)"/> <g transform="translate(5.5 53)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="SCALE_PARAM" xlink:href="#knob29" transform="translate(0 7)"/> + <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)"/> <g transform="translate(5.5 53)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="SCALE_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> </g> @@ -254,13 +256,23 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/OneEight-pp.svg b/res-pp/OneEight-pp.svg @@ -15,66 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="dial-select" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial-steps" viewBox="0 0 40px 40px"> - <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> - </symbol> - <symbol id="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -89,24 +29,54 @@ text.brand { <g transform="translate(6.5 32)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 30)"/> - <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(4 35)">CLOCK</text> </g> <g transform="translate(6.5 69)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="STEPS_PARAM" xlink:href="#knob16" transform="translate(14.5 10.5)"/> - <use xlink:href="#dial-steps" transform="translate(2.5 -1)"/> + <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)"><svg> + <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> + </svg></g> </g> <g transform="translate(16.5 166)"> <text font-size="5pt" letter-spacing="2px" transform="translate(-1.8 -1)">FWD</text> - <use id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> @@ -114,18 +84,45 @@ text.brand { <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 307)" /> --> <g transform="translate(1 220)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">SELECT</text> - <use id="SELECT_PARAM" xlink:href="#knob29" transform="translate(0 2)"/> - <use xlink:href="#dial-select" transform="translate(0 2)"/> + <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)"><svg> + <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> + </svg></g> <g transform="translate(5.5 47)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11.5 35)">CV</text> </g> </g> <g transform="translate(6.5 321)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> @@ -133,37 +130,93 @@ text.brand { <rect width="34" height="337" rx="5" fill="#bbb" transform="translate(0 -9)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 35)">1</text> - <use id="OUT1_LIGHT" xlink:href="#light-small" transform="translate(17 29.5)"/> + <g transform="translate(17 29.5)"><svg id="OUT1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 44.3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 76.3)">2</text> - <use id="OUT2_LIGHT" xlink:href="#light-small" transform="translate(17 70.8)"/> + <g transform="translate(17 70.8)"><svg id="OUT2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 86.6)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 118.6)">3</text> - <use id="OUT3_LIGHT" xlink:href="#light-small" transform="translate(17 113.1)"/> + <g transform="translate(17 113.1)"><svg id="OUT3_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 126.9)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 158.9)">4</text> - <use id="OUT4_LIGHT" xlink:href="#light-small" transform="translate(17 153.4)"/> + <g transform="translate(17 153.4)"><svg id="OUT4_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 168.1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 200.1)">5</text> - <use id="OUT5_LIGHT" xlink:href="#light-small" transform="translate(17 194.6)"/> + <g transform="translate(17 194.6)"><svg id="OUT5_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 209.4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 241.4)">6</text> - <use id="OUT6_LIGHT" xlink:href="#light-small" transform="translate(17 235.9)"/> + <g transform="translate(17 235.9)"><svg id="OUT6_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(5 250.7)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 282.7)">7</text> - <use id="OUT7_LIGHT" xlink:href="#light-small" transform="translate(17 277.2)"/> + <g transform="translate(17 277.2)"><svg id="OUT7_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> - <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(5 292)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 324)">8</text> - <use id="OUT8_LIGHT" xlink:href="#light-small" transform="translate(17 318.5)"/> + <g transform="translate(17 318.5)"><svg id="OUT8_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> </g> <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 47)" /> --> diff --git a/res-pp/PEQ-pp.svg b/res-pp/PEQ-pp.svg @@ -16,63 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - <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> @@ -126,28 +69,78 @@ text.brand { <!-- <rect width="150" height="60" fill="#0f0" transform="translate(0 0)" /> --> <!-- <polyline points="0,30 150,30" stroke="#f00" stroke-width="1" fill="none" /> --> <!-- <polyline points="0,0 150,0" stroke="#0ff" stroke-width="1" fill="none" transform="translate(0 26)" /> --> - <use id="A_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)"/> + <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> - <use id="A_LEVEL_PARAM" xlink:href="#knob29" transform="translate(13 3.5)"/> + <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)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text> - <use id="A_FREQUENCY_PARAM" xlink:href="#knob29" transform="translate(59 3.5)"/> + <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)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(113 19) rotate(270)">BW</text> - <use id="A_BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(122 4)"/> - <use xlink:href="#dial-mintick" transform="translate(110 -8)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="6pt" letter-spacing="2px" transform="translate(113 58.5) rotate(270)">FCV</text> - <use id="A_CV_PARAM" xlink:href="#knob16" transform="translate(122 42)"/> - <use xlink:href="#dial-centertick" transform="translate(110 30)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <g transform="translate(118 26.5)"> <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.1)">LP</text> - <use id="A_MODE_PARAM" xlink:href="#button-small" transform="translate(13.5 -1)"/> + <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> @@ -155,52 +148,148 @@ text.brand { <!-- <rect width="150" height="60" fill="#0f0" transform="translate(0 0)" /> --> <!-- <polyline points="0,30 150,30" stroke="#f00" stroke-width="1" fill="none" /> --> <!-- <polyline points="0,0 150,0" stroke="#0ff" stroke-width="1" fill="none" transform="translate(0 26)" /> --> - <use id="B_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)"/> + <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> - <use id="B_LEVEL_PARAM" xlink:href="#knob29" transform="translate(13 3.5)"/> + <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)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text> - <use id="B_FREQUENCY_PARAM" xlink:href="#knob29" transform="translate(59 3.5)"/> + <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)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(113 22) rotate(270)">BW</text> - <use id="B_BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(122 7)"/> - <use xlink:href="#dial-mintick" transform="translate(110 -5)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="6pt" letter-spacing="2px" transform="translate(113 56.5) rotate(270)">FCV</text> - <use id="B_CV_PARAM" xlink:href="#knob16" transform="translate(122 40)"/> - <use xlink:href="#dial-centertick" transform="translate(110 28)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(0 159)"> <!-- <rect width="150" height="60" fill="#0f0" transform="translate(0 0)" /> --> <!-- <polyline points="0,30 150,30" stroke="#f00" stroke-width="1" fill="none" /> --> <!-- <polyline points="0,0 150,0" stroke="#0ff" stroke-width="1" fill="none" transform="translate(0 26)" /> --> - <use id="C_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)"/> + <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> - <use id="C_LEVEL_PARAM" xlink:href="#knob29" transform="translate(13 3.5)"/> + <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)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text> - <use id="C_FREQUENCY_PARAM" xlink:href="#knob29" transform="translate(59 3.5)"/> + <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)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(113 19) rotate(270)">BW</text> - <use id="C_BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(122 4)"/> - <use xlink:href="#dial-mintick" transform="translate(110 -8)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="6pt" letter-spacing="2px" transform="translate(113 58.5) rotate(270)">FCV</text> - <use id="C_CV_PARAM" xlink:href="#knob16" transform="translate(122 42)"/> - <use xlink:href="#dial-centertick" transform="translate(110 30)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <g transform="translate(118 26.5)"> <text font-size="6pt" letter-spacing="1px" transform="translate(-0.5 6.1)">HP</text> - <use id="C_MODE_PARAM" xlink:href="#button-small" transform="translate(13.5 -1)"/> + <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> @@ -211,53 +300,113 @@ text.brand { <rect width="8" height="46" fill="#bbb" transform="translate(107.5 88)"/> <g transform="translate(12 0)"> - <use id="A_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(3 40)">A-LVL</text> </g> <g transform="translate(44 0)"> - <use id="B_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1 40)">B-LVL</text> </g> <g transform="translate(76 0)"> - <use id="C_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(2 40)">C-LVL</text> </g> <g transform="translate(108 0)"> - <use id="ALL_CV_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(6 40)">FCV</text> </g> <g transform="translate(12 44)"> - <use id="A_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1 40)">A-FCV</text> </g> <g transform="translate(44 44)"> - <use id="B_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1 40)">B-FCV</text> </g> <g transform="translate(76 44)"> - <use id="C_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1 40)">C-FCV</text> </g> <g transform="translate(108 44)"> - <use id="IN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(10 40)">IN</text> </g> <g transform="translate(12 88)"> - <use id="A_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(3 40)">A-BW</text> </g> <g transform="translate(44 88)"> - <use id="B_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(2 40)">B-BW</text> </g> <g transform="translate(76 88)"> - <use id="C_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(3 40)">C-BW</text> </g> <g transform="translate(108 88)"> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OUT</text> </g> </g> diff --git a/res-pp/PEQ14-pp.svg b/res-pp/PEQ14-pp.svg @@ -15,60 +15,30 @@ text.brand { } </style> - <defs> - <symbol id="slider-151" viewBox="0 0 18px 151x"> - <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> - </symbol> - <symbol id="sliderdial-db-151" viewBox="0 0 20px 151px"> - <g transform="translate(0 6.5)"> - <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> - <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> - </g> - <g transform="translate(0 19.05)"> - <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> - <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> - <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> - <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> - <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> - <polyline points="0,0 6.5,0" stroke="#333" 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)"> - <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> - <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> - </g> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 689,1 689,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 689.5,0.5 689.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 690,0 690,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(75 0)" /> --> + + <!-- <rect width="80" height="23" fill="#f0f" transform="translate(20 360)" /> --> + <text class="title" x="311.5" y="19" font-size="12pt" letter-spacing="4px">PEQ14</text> + <g transform="translate(305 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </g> + + <g transform="translate(6.5 48)"> + <!-- <rect width="62" height="40" fill="#f0f" transform="translate(0 0)" /> --> + <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> - </symbol> - <symbol id="dial-centertick" viewBox="0 0 40px 40px"> + </svg></g> + <g transform="translate(28.5 -1)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-90) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -78,8 +48,28 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </symbol> - <symbol id="dial-mintick" viewBox="0 0 40px 40px"> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(40 37)">FCV</text> + <rect width="30" height="30" rx="5" fill="#fafafa" 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> + <!-- <rect width="62" height="25" fill="#0f0" transform="translate(0 40)" /> --> + </g> + + <g transform="translate(6.5 113)"> + <!-- <rect width="62" height="40" fill="#f0f" transform="translate(0 0)" /> --> + <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)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-240) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -89,90 +79,51 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </symbol> - <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" stroke="#333" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> - <symbol id="input" viewBox="0 0 24px 24px"> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(42.5 37)">BW</text> + <rect width="30" height="30" rx="5" fill="#fafafa" 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> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 689,1 689,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 689.5,0.5 689.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 690,0 690,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(75 0)" /> --> - - <!-- <rect width="80" height="23" fill="#f0f" transform="translate(20 360)" /> --> - <text class="title" x="311.5" y="19" font-size="12pt" letter-spacing="4px">PEQ14</text> - <g transform="translate(305 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> - - <g transform="translate(6.5 48)"> - <!-- <rect width="62" height="40" fill="#f0f" transform="translate(0 0)" /> --> - <use id="FREQUENCY_CV_PARAM" xlink:href="#knob16" transform="translate(40.5 11)"/> - <use xlink:href="#dial-centertick" transform="translate(28.5 -1)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(40 37)">FCV</text> - <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(0 5)"/> - <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(3 8)"/> - <!-- <rect width="62" height="25" fill="#0f0" transform="translate(0 40)" /> --> - </g> - - <g transform="translate(6.5 113)"> - <!-- <rect width="62" height="40" fill="#f0f" transform="translate(0 0)" /> --> - <use id="BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(40.5 8)"/> - <use xlink:href="#dial-mintick" transform="translate(28.5 -4)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(42.5 37)">BW</text> - <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(0 5)"/> - <use id="BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 8)"/> + </svg></g> <!-- <rect width="62" height="25" fill="#0f0" transform="translate(0 40)" /> --> </g> <g transform="translate(17.5 179)"> <!-- <rect width="40" height="23" fill="#f0f" transform="translate(0 0)" /> --> <text font-size="5pt" letter-spacing="1px" transform="translate(0 8.5)">CH1-LP</text> - <use id="LP_PARAM" xlink:href="#button-small" transform="translate(31 1)"/> + <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> - <use id="HP_PARAM" xlink:href="#button-small" transform="translate(31 13)"/> + <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> <!-- <rect width="62" height="25" fill="#0f0" transform="translate(0 23)" /> --> </g> <g transform="translate(18.5 227)"> <!-- <rect width="38" height="35" fill="#f0f" transform="translate(0 0)" /> --> <text font-size="5pt" letter-spacing="1px" transform="translate(5 34.5) rotate(-90)">FCV RNG</text> - <use id="FMOD_RELATIVE_LIGHT" xlink:href="#light-small" transform="translate(10 1)"/> + <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> - <use id="FMOD_FULL_LIGHT" xlink:href="#light-small" transform="translate(10 14)"/> + <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> - <use id="FMOD_PARAM" xlink:href="#button-small" transform="translate(14 25)"/> + <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> <!-- <rect width="62" height="25" fill="#0f0" transform="translate(0 35)" /> --> </g> @@ -181,334 +132,1600 @@ text.brand { <rect width="32" height="36.5" rx="5" fill="#fafafa"/> <rect width="32" height="10" fill="#fafafa" transform="translate(0 26.5)"/> <rect width="10" height="36.5" fill="#fafafa" transform="translate(22 0)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> - <use id="ODDS_OUTPUT" xlink:href="#output" transform="translate(35 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(38.5 35)">ODD</text> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8 70)">OUT</text> - <use id="EVENS_OUTPUT" xlink:href="#output" transform="translate(35 38)"/> + <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 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL1_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY1_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <g transform="translate(0 8)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV1_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL2_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY2_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV2_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> - <g transform="translate(5.5 232)"> - <rect width="34" height="108" rx="5" fill="#bbb"/> - <rect width="34" height="71.5" rx="5" fill="#fafafa"/> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL2_INPUT" xlink:href="#input" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV2_INPUT" xlink:href="#input" transform="translate(5 38)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> - <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL3_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY3_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV3_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> - <g transform="translate(5.5 232)"> - <rect width="34" height="108" rx="5" fill="#bbb"/> - <rect width="34" height="71.5" rx="5" fill="#fafafa"/> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL3_INPUT" xlink:href="#input" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV3_INPUT" xlink:href="#input" transform="translate(5 38)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> - <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL4_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY4_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV4_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> - <g transform="translate(5.5 232)"> - <rect width="34" height="108" rx="5" fill="#bbb"/> + <g transform="translate(0 8)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g transform="translate(5.5 232)"> + <rect width="34" height="108" rx="5" fill="#bbb"/> + <rect width="34" height="71.5" rx="5" fill="#fafafa"/> + <rect width="34" height="10" fill="#fafafa" 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 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 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 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)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g transform="translate(5.5 232)"> + <rect width="34" height="108" rx="5" fill="#bbb"/> + <rect width="34" height="71.5" rx="5" fill="#fafafa"/> + <rect width="34" height="10" fill="#fafafa" 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 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 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 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)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g transform="translate(5.5 232)"> + <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL4_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV4_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL5_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY5_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <g transform="translate(0 8)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV5_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL5_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV5_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL6_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY6_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <g transform="translate(0 8)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV6_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL6_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV6_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL7_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY7_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <g transform="translate(0 8)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV7_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL7_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV7_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL8_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY8_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <g transform="translate(0 8)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV8_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL8_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV8_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL9_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY9_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <g transform="translate(0 8)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV9_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL9_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV9_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT9_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL10_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY10_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <g transform="translate(0 8)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV10_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL10_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV10_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT10_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL11_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY11_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <g transform="translate(0 8)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV11_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL11_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV11_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT11_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL12_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY12_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <g transform="translate(0 8)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV12_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL12_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV12_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT12_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL13_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY13_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <g transform="translate(0 8)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV13_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL13_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV13_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT13_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL14_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY14_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <g transform="translate(0 8)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV14_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL14_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV14_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT14_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> </g> </g> diff --git a/res-pp/PEQ14XF-pp.svg b/res-pp/PEQ14XF-pp.svg @@ -15,26 +15,26 @@ text.brand { } </style> - <defs> - <symbol id="knob16" viewBox="0 0 16px 16px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <text class="title" x="20" y="14" font-size="7pt" letter-spacing="1px">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)"/> + </g> + + <g 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> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </symbol> - <symbol id="dial-mintick" viewBox="0 0 40px 40px"> + </svg></g> + <g transform="translate(2.5 -6)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-240) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -44,81 +44,149 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </symbol> - <symbol id="input" viewBox="0 0 24px 24px"> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> + <rect width="30" height="30" rx="5" fill="#fafafa" 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> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <text class="title" x="20" y="14" font-size="7pt" letter-spacing="1px">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)"/> - </g> - - <g transform="translate(-2.5 24)"> - <use id="DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 -6)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> - <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + </svg></g> </g> <g transform="translate(32.5 23.5)"> - <use id="GAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 -6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + <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 transform="translate(5.5 108)"> <rect width="64" height="260" rx="5" fill="#bbb" transform="translate(0 -10)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(27 0)">EF</text> - <use id="EF1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 35)">1</text> - <use id="EF2_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 70)">2</text> - <use id="EF3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 105)">3</text> - <use id="EF4_OUTPUT" xlink:href="#output" transform="translate(5 108)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 140)">4</text> - <use id="EF5_OUTPUT" xlink:href="#output" transform="translate(5 143)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 175)">5</text> - <use id="EF6_OUTPUT" xlink:href="#output" transform="translate(5 178)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 210)">6</text> - <use id="EF7_OUTPUT" xlink:href="#output" transform="translate(5 213)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 245)">7</text> <g transform="translate(31 0)"> - <use id="EF8_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 35)">8</text> - <use id="EF9_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 70)">9</text> - <use id="EF10_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">10</text> - <use id="EF11_OUTPUT" xlink:href="#output" transform="translate(5 108)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 140)">11</text> - <use id="EF12_OUTPUT" xlink:href="#output" transform="translate(5 143)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 175)">12</text> - <use id="EF13_OUTPUT" xlink:href="#output" transform="translate(5 178)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 210)">13</text> - <use id="EF14_OUTPUT" xlink:href="#output" transform="translate(5 213)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 245)">14</text> </g> </g> diff --git a/res-pp/PEQ14XR-pp.svg b/res-pp/PEQ14XR-pp.svg @@ -15,26 +15,26 @@ text.brand { } </style> - <defs> - <symbol id="knob16" viewBox="0 0 16px 16px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <text class="title" x="20" y="14" font-size="7pt" letter-spacing="1px">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)"/> + </g> + + <g 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> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </symbol> - <symbol id="dial-mintick" viewBox="0 0 40px 40px"> + </svg></g> + <g transform="translate(2.5 -6)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-240) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -44,51 +44,54 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </symbol> - <symbol id="input" viewBox="0 0 24px 24px"> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> + <rect width="30" height="30" rx="5" fill="#fafafa" 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> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <text class="title" x="20" y="14" font-size="7pt" letter-spacing="1px">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)"/> - </g> - - <g transform="translate(-2.5 24)"> - <use id="DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 -6)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> - <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + </svg></g> </g> <g transform="translate(32.5 23.5)"> - <use id="GAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 -6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + <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 transform="translate(20.5 318)"> <rect width="34" height="42" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 37)">OUT</text> </g> </svg> diff --git a/res-pp/PEQ14XV-pp.svg b/res-pp/PEQ14XV-pp.svg @@ -16,60 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -100,50 +46,143 @@ text.brand { <text font-size="6pt" letter-spacing="1.5px" transform="translate(9 30)">FOLLOWERS</text> <g transform="translate(-2.5 34)"> - <use id="EF_DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 -6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="EF_DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + <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 transform="translate(32.5 34)"> - <use id="EF_GAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 -6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="EF_GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + <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> <!-- <rect width="75" height="17" fill="#f0f" transform="translate(-32.5 66)" /> --> </g> <g transform="translate(0 119)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(8 2)">TRANSPOSE</text> - <use id="TRANSPOSE_PARAM" xlink:href="#knob26" transform="translate(24.5 13)"/> + <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)"/> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(22.5 47)"/> - <use id="TRANSPOSE_INPUT" xlink:href="#input" transform="translate(25.5 50)"/> + <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> <!-- <rect width="75" height="17" fill="#f0f" transform="translate(0 77)" /> --> </g> <g transform="translate(0 212)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(18 5)">OUTPUT</text> - <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob16" transform="translate(12 15)"/> - <use xlink:href="#dial-mintick" transform="translate(0 3)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(9 42)">GAIN</text> - <use id="BAND14_MIX_PARAM" xlink:href="#knob16" transform="translate(47 15)"/> - <use xlink:href="#dial-mintick" transform="translate(35 3)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - <use id="BAND1_ENABLE_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/> + <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> - <use id="BAND14_ENABLE_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/> + <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> <!-- <rect width="75" height="17" fill="#f0f" transform="translate(0 56)" /> --> @@ -154,13 +193,33 @@ text.brand { <rect width="32" height="36.5" rx="5" fill="#fafafa"/> <rect width="32" height="10" fill="#fafafa" transform="translate(0 26.5)"/> <rect width="10" height="36.5" fill="#fafafa" transform="translate(22 0)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> - <use id="ODDS_OUTPUT" xlink:href="#output" transform="translate(35 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(38.5 35)">ODD</text> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8 70)">OUT</text> - <use id="EVENS_OUTPUT" xlink:href="#output" transform="translate(35 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(36 70)">EVEN</text> </g> diff --git a/res-pp/PEQ6-pp.svg b/res-pp/PEQ6-pp.svg @@ -15,8 +15,289 @@ text.brand { } </style> - <defs> - <symbol id="slider-151" viewBox="0 0 18px 151x"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 314,1 214,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 314.5,0.5 314.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 315,0 315,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <rect width="125" height="20" fill="#0f0" transform="translate(0 0)" /> --> + <!-- <rect width="125" height="20" fill="#0f0" transform="translate(190 0)" /> --> + <!-- <rect width="120" height="20" fill="#0f0" transform="translate(0 360)" /> --> + <!-- <rect width="120" height="20" fill="#0f0" transform="translate(195 360)" /> --> + + <text class="title" x="129" y="19" font-size="12pt" letter-spacing="4px">PEQ6</text> + <g transform="translate(118 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </g> + + <!-- <polyline points="0,0 315,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 24)" /> --> + <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> + + <g transform="translate(0 40)"> + <!-- <rect width="37" height="66" fill="#f0f" transform="translate(0 0)" /> --> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 33)">FCV</text> + <rect width="30" height="30" rx="5" fill="#fafafa" 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 transform="translate(0 124)"> + <!-- <rect width="37" height="66" fill="#f0f" transform="translate(0 0)" /> --> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(16.5 33)">BW</text> + <rect width="30" height="30" rx="5" fill="#fafafa" 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)"> + <!-- <rect width="40" height="23" fill="#f0f" transform="translate(2.5 0)" /> --> + <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)"> + <!-- <rect width="37" height="35" fill="#f0f" transform="translate(0 0)" /> --> + <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 transform="translate(5.5 287)"> + <rect width="34" height="73" rx="5" fill="#bbb"/> + <rect width="34" height="36.5" rx="5" fill="#fafafa"/> + <rect width="34" height="10" fill="#fafafa" 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 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 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)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g transform="translate(5.5 232)"> + <rect width="34" height="108" rx="5" fill="#bbb"/> + <rect width="34" height="71.5" rx="5" fill="#fafafa"/> + <rect width="34" height="10" fill="#fafafa" 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 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 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 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)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"> @@ -25,8 +306,299 @@ text.brand { <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> - </symbol> - <symbol id="sliderdial-db-151" viewBox="0 0 20px 151px"> + </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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g transform="translate(5.5 232)"> + <rect width="34" height="108" rx="5" fill="#bbb"/> + <rect width="34" height="71.5" rx="5" fill="#fafafa"/> + <rect width="34" height="10" fill="#fafafa" 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 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 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 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)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g transform="translate(5.5 232)"> + <rect width="34" height="108" rx="5" fill="#bbb"/> + <rect width="34" height="71.5" rx="5" fill="#fafafa"/> + <rect width="34" height="10" fill="#fafafa" 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 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 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 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)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g transform="translate(5.5 232)"> + <rect width="34" height="108" rx="5" fill="#bbb"/> + <rect width="34" height="71.5" rx="5" fill="#fafafa"/> + <rect width="34" height="10" fill="#fafafa" 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 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 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 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)"><svg> <g transform="translate(0 6.5)"> <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> @@ -60,15 +632,43 @@ text.brand { <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> </g> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></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> - </symbol> - <symbol id="dial-centertick" viewBox="0 0 40px 40px"> + </svg></g> + <g transform="translate(2.5 192)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-90) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -78,249 +678,144 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </symbol> - <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" stroke="#333" transform="rotate(60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> + <g transform="translate(5.5 232)"> + <rect width="34" height="108" rx="5" fill="#bbb"/> + <rect width="34" height="71.5" rx="5" fill="#fafafa"/> + <rect width="34" height="10" fill="#fafafa" 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> - </symbol> - <symbol id="input" viewBox="0 0 24px 24px"> + </svg></g> + <text 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> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> + </svg></g> + <text 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> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 314,1 214,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 314.5,0.5 314.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 315,0 315,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <rect width="125" height="20" fill="#0f0" transform="translate(0 0)" /> --> - <!-- <rect width="125" height="20" fill="#0f0" transform="translate(190 0)" /> --> - <!-- <rect width="120" height="20" fill="#0f0" transform="translate(0 360)" /> --> - <!-- <rect width="120" height="20" fill="#0f0" transform="translate(195 360)" /> --> - - <text class="title" x="129" y="19" font-size="12pt" letter-spacing="4px">PEQ6</text> - <g transform="translate(118 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> - - <!-- <polyline points="0,0 315,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 24)" /> --> - <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> - - <g transform="translate(0 40)"> - <!-- <rect width="37" height="66" fill="#f0f" transform="translate(0 0)" /> --> - <use id="FREQUENCY_CV_PARAM" xlink:href="#knob16" transform="translate(14.5 7)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 -5)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 33)">FCV</text> - <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> - </g> - - <g transform="translate(0 124)"> - <!-- <rect width="37" height="66" fill="#f0f" transform="translate(0 0)" /> --> - <use id="BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(14.5 5)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 -7)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(16.5 33)">BW</text> - <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="BANDWIDTH_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> - </g> - - <g transform="translate(2 209)"> - <!-- <rect width="40" height="23" fill="#f0f" transform="translate(2.5 0)" /> --> - <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 8.5)">CH1-LP</text> - <use id="LP_PARAM" xlink:href="#button-small" transform="translate(33.5 1)"/> - <text font-size="5pt" letter-spacing="0.8px" transform="translate(2.5 20.5)">CH8-HP</text> - <use id="HP_PARAM" xlink:href="#button-small" transform="translate(33.5 13)"/> - </g> - - <g transform="translate(6 242)"> - <!-- <rect width="37" height="35" fill="#f0f" transform="translate(0 0)" /> --> - <text font-size="5pt" letter-spacing="1px" transform="translate(5 34.5) rotate(-90)">FCV RNG</text> - <use id="FMOD_RELATIVE_LIGHT" xlink:href="#light-small" transform="translate(10 1)"/> - <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 6.7)">OCTV</text> - <use id="FMOD_FULL_LIGHT" xlink:href="#light-small" transform="translate(10 14)"/> - <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 19.7)">FULL</text> - <use id="FMOD_PARAM" xlink:href="#button-small" transform="translate(14 25)"/> - </g> - - <g transform="translate(5.5 287)"> - <rect width="34" height="73" rx="5" fill="#bbb"/> - <rect width="34" height="36.5" rx="5" fill="#fafafa"/> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 26.5)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> - <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL1_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY1_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV1_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> - <g transform="translate(5.5 232)"> - <rect width="34" height="108" rx="5" fill="#bbb"/> - <rect width="34" height="71.5" rx="5" fill="#fafafa"/> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL1_INPUT" xlink:href="#input" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV1_INPUT" xlink:href="#input" transform="translate(5 38)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> - <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL2_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY2_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV2_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> - <g transform="translate(5.5 232)"> - <rect width="34" height="108" rx="5" fill="#bbb"/> - <rect width="34" height="71.5" rx="5" fill="#fafafa"/> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL2_INPUT" xlink:href="#input" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV2_INPUT" xlink:href="#input" transform="translate(5 38)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> - <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL3_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY3_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV3_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> - <g transform="translate(5.5 232)"> - <rect width="34" height="108" rx="5" fill="#bbb"/> - <rect width="34" height="71.5" rx="5" fill="#fafafa"/> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL3_INPUT" xlink:href="#input" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV3_INPUT" xlink:href="#input" transform="translate(5 38)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> - <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL4_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY4_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(11 192)">FREQ</text> - <use id="FREQUENCY_CV4_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> - <g transform="translate(5.5 232)"> - <rect width="34" height="108" rx="5" fill="#bbb"/> - <rect width="34" height="71.5" rx="5" fill="#fafafa"/> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL4_INPUT" xlink:href="#input" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV4_INPUT" xlink:href="#input" transform="translate(5 38)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> - <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL5_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY5_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV5_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> - <g transform="translate(5.5 232)"> - <rect width="34" height="108" rx="5" fill="#bbb"/> - <rect width="34" height="71.5" rx="5" fill="#fafafa"/> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL5_INPUT" xlink:href="#input" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV5_INPUT" xlink:href="#input" transform="translate(5 38)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + </svg></g> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL6_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY6_PARAM" xlink:href="#knob16" transform="translate(14.5 163)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <g transform="translate(0 8)"><svg> + <g transform="translate(0 6.5)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> + </g> + <g transform="translate(0 19.05)"> + <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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" stroke="#333" fill="none" transform="translate(10.5 0)"/> + <polyline points="0,0 6.5,0" stroke="#333" 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)"> + <!-- <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" /> --> + <text font-size="6.0pt" transform="translate(7 -10) rotate(-90) translate(-9 4)">dB</text> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV6_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL6_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV6_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> </g> </g> diff --git a/res-pp/PEQ6XF-pp.svg b/res-pp/PEQ6XF-pp.svg @@ -15,44 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -67,31 +29,93 @@ text.brand { </g> <g transform="translate(0 24)"> - <use id="DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 8)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 -4)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(12 0)">DAMP</text> </g> <g transform="translate(0 63)"> - <use id="GAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 8)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 -4)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(13 0)">GAIN</text> </g> <g transform="translate(5.5 104)"> <rect width="34" height="225" rx="5" fill="#bbb" transform="translate(0 -10)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">EF</text> - <use id="EF1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 35)">1</text> - <use id="EF2_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 70)">2</text> - <use id="EF3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 105)">3</text> - <use id="EF4_OUTPUT" xlink:href="#output" transform="translate(5 108)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 140)">4</text> - <use id="EF5_OUTPUT" xlink:href="#output" transform="translate(5 143)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 175)">5</text> - <use id="EF6_OUTPUT" xlink:href="#output" transform="translate(5 178)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 210)">6</text> </g> </svg> diff --git a/res-pp/Pan-pp.svg b/res-pp/Pan-pp.svg @@ -16,26 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -72,34 +52,76 @@ text.brand { </g> <g transform="translate(0 15)"> - <use id="PAN1_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> + <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)"/> <g transform="translate(5.5 44)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> </g> </g> <g transform="translate(0 138)"> - <use id="PAN2_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> + <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)"/> <g transform="translate(5.5 44)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> </g> </g> <g transform="translate(5.5 265)"> <rect width="34" height="73" rx="5" fill="#bbb"/> - <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 35)">L</text> - <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 70)">R</text> </g> </svg> diff --git a/res-pp/Pgmr-pp.svg b/res-pp/Pgmr-pp.svg @@ -15,15 +15,600 @@ text.brand { } </style> - <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <rect width="80" height="20" fill="#0f0" transform="translate(0 0)" /> --> + <!-- <rect width="80" height="20" fill="#0f0" transform="translate(145 0)" /> --> + <text class="title" x="82" y="19" font-size="12pt" letter-spacing="4px">PGMR</text> + <g transform="translate(72.5 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </g> + + <!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 30)" /> --> + <!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 135.5)" /> --> + <!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 360)" /> --> + + <g transform="translate(5.5 56)"> + <rect width="34" height="155" rx="5" fill="#bbb" transform="translate(0 -10)"/> + <text 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 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 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 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 font-size="5pt" letter-spacing="2px" transform="translate(15 140)">D</text> + </g> + + <g transform="translate(0 224)"> + <g transform="translate(5.5 0)"> + <rect width="34" height="10" fill="#fafafa" transform="translate(0 92)"/> + <rect width="34" height="102" rx="5" fill="#fafafa" 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 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> + <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> + <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 font-size="5pt" letter-spacing="1px" transform="translate(2.5 98)">SELECT</text> + </g> + <g transform="translate(5.5 105)"> + <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> + <rect width="34" height="30" rx="5" fill="#bbb"/> + <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)"> + <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> + <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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> + <g transform="translate(0 223)"> + <g transform="translate(5.5 0)"> + <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> + <rect width="34" height="76" rx="5" fill="#fafafa" 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 font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + </g> + <g transform="translate(5.5 73)"> + <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> + <rect width="34" height="33" rx="5" fill="#bbb"/> + <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)"> + <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> + <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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> + <g transform="translate(0 223)"> + <g transform="translate(5.5 0)"> + <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> + <rect width="34" height="76" rx="5" fill="#fafafa" 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 font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + </g> + <g transform="translate(5.5 73)"> + <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> + <rect width="34" height="33" rx="5" fill="#bbb"/> + <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)"> + <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> + <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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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> - </symbol> - <symbol id="dial-pgmr" viewBox="0 0 45px 45px"> + </svg></g> + <g transform="translate(0 163)"><svg> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> @@ -52,208 +637,225 @@ text.brand { <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> - </symbol> - <symbol id="button" viewBox="0 0 18px 18px"> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> + <g transform="translate(0 223)"> + <g transform="translate(5.5 0)"> + <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> + <rect width="34" height="76" rx="5" fill="#fafafa" 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> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="input" viewBox="0 0 24px 24px"> + </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> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> + </svg></g> + <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + </g> + <g transform="translate(5.5 73)"> + <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> + <rect width="34" height="33" rx="5" fill="#bbb"/> + <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> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <rect width="80" height="20" fill="#0f0" transform="translate(0 0)" /> --> - <!-- <rect width="80" height="20" fill="#0f0" transform="translate(145 0)" /> --> - <text class="title" x="82" y="19" font-size="12pt" letter-spacing="4px">PGMR</text> - <g transform="translate(72.5 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </svg></g> + </g> + </g> </g> - <!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 30)" /> --> - <!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 135.5)" /> --> - <!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 360)" /> --> + <g transform="translate(180 30)"> + <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> + <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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105) translate(15 0)"/> - <g transform="translate(5.5 56)"> - <rect width="34" height="155" rx="5" fill="#bbb" transform="translate(0 -10)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> - <use id="A_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">A</text> - <use id="B_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(15 70)">B</text> - <use id="C_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(15 105)">C</text> - <use id="D_OUTPUT" xlink:href="#output" transform="translate(5 108)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(15 140)">D</text> - </g> + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <g transform="translate(0 224)"> - <g transform="translate(5.5 0)"> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 92)"/> - <rect width="34" height="102" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 2)"/> - <text 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> - <use 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> - <use id="SELECT_ON_CLOCK_PARAM" xlink:href="#button-small" transform="translate(22.5 53.2)"/> - <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 66)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 98)">SELECT</text> - </g> - <g transform="translate(5.5 105)"> - <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> - <rect width="34" height="30" rx="5" fill="#bbb"/> - <use id="SELECT_ALL_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> - </g> - </g> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(60) translate(15 0)"/> - <g transform="translate(45 30)"> - <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">1</text> - <use id="CVA1_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB1_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC1_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD1_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> - <g transform="translate(0 223)"> - <g transform="translate(5.5 0)"> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> - <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT1_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT1_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT1_INPUT" xlink:href="#input" transform="translate(5 37)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + <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 transform="translate(5.5 73)"> - <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> - <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT1_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + </svg></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> - </g> - </g> + </svg></g> + <g transform="translate(0 55)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105) translate(15 0)"/> - <g transform="translate(90 30)"> - <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">2</text> - <use id="CVA2_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB2_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC2_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD2_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> - <g transform="translate(0 223)"> - <g transform="translate(5.5 0)"> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> - <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT2_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT2_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT2_INPUT" xlink:href="#input" transform="translate(5 37)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + <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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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 transform="translate(5.5 73)"> - <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> - <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT2_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + </svg></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> - </g> - </g> + </svg></g> + <g transform="translate(0 109)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105) translate(15 0)"/> - <g transform="translate(135 30)"> - <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">3</text> - <use id="CVA3_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB3_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC3_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD3_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> - <g transform="translate(0 223)"> - <g transform="translate(5.5 0)"> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> - <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT3_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT3_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT3_INPUT" xlink:href="#input" transform="translate(5 37)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + <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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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 transform="translate(5.5 73)"> - <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> - <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT3_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + </svg></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> - </g> - </g> + </svg></g> + <g transform="translate(0 163)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105) translate(15 0)"/> - <g transform="translate(180 30)"> - <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">4</text> - <use id="CVA4_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB4_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC4_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD4_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> + <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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> <g transform="translate(0 223)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT4_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT4_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT4_INPUT" xlink:href="#input" transform="translate(5 37)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> </g> <g transform="translate(5.5 73)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT4_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <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> diff --git a/res-pp/PgmrX-pp.svg b/res-pp/PgmrX-pp.svg @@ -15,15 +15,482 @@ text.brand { } </style> - <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 179,1 179,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> --> + <!-- <rect width="50" height="20" fill="#0f0" transform="translate(130 0)" /> --> + <text class="title" x="52" y="19" font-size="12pt" letter-spacing="4px">PGMRX</text> + <g transform="translate(50 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </g> + + <g transform="translate(0 30)"> + <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> + <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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> + <g transform="translate(0 223)"> + <g transform="translate(5.5 0)"> + <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> + <rect width="34" height="76" rx="5" fill="#fafafa" 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 font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + </g> + <g transform="translate(5.5 73)"> + <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> + <rect width="34" height="33" rx="5" fill="#bbb"/> + <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)"> + <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> + <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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></g> + <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> + <g transform="translate(0 223)"> + <g transform="translate(5.5 0)"> + <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> + <rect width="34" height="76" rx="5" fill="#fafafa" 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 font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + </g> + <g transform="translate(5.5 73)"> + <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> + <rect width="34" height="33" rx="5" fill="#bbb"/> + <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)"> + <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> + <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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></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> - </symbol> - <symbol id="dial-pgmr" viewBox="0 0 45px 45px"> + </svg></g> + <g transform="translate(0 109)"><svg> <g transform="translate(22.5 22.5)"> <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> @@ -52,134 +519,75 @@ text.brand { <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> - </symbol> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </svg></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> - </symbol> - </defs> + </svg></g> + <g transform="translate(0 163)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105) translate(15 0)"/> - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 179,1 179,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text> - <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> --> - <!-- <rect width="50" height="20" fill="#0f0" transform="translate(130 0)" /> --> - <text class="title" x="52" y="19" font-size="12pt" letter-spacing="4px">PGMRX</text> - <g transform="translate(50 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(60) translate(15 0)"/> - <g transform="translate(0 30)"> - <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> - <text font-size="5pt" letter-spacing="2px" transform="translate(18 -1)">+1</text> - <use id="CVA1_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB1_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC1_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD1_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> - <g transform="translate(0 223)"> - <g transform="translate(5.5 0)"> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> - <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT1_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT1_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT1_INPUT" xlink:href="#input" transform="translate(5 37)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> - </g> - <g transform="translate(5.5 73)"> - <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> - <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT1_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <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> - </g> - - <g transform="translate(45 30)"> - <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> - <text font-size="5pt" letter-spacing="2px" transform="translate(18 -1)">+2</text> - <use id="CVA2_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB2_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC2_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD2_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> <g transform="translate(0 223)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT2_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT2_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT2_INPUT" xlink:href="#input" transform="translate(5 37)"/> - <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> + <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> - <g transform="translate(5.5 73)"> - <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> - <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT2_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + </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> - </g> - </g> - - <g transform="translate(90 30)"> - <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> - <text font-size="5pt" letter-spacing="2px" transform="translate(18 -1)">+3</text> - <use id="CVA3_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB3_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC3_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD3_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> - <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> - <g transform="translate(0 223)"> - <g transform="translate(5.5 0)"> - <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> - <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT3_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT3_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT3_INPUT" xlink:href="#input" transform="translate(5 37)"/> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> </g> <g transform="translate(5.5 73)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT3_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <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> @@ -187,31 +595,187 @@ text.brand { <g transform="translate(135 30)"> <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(17.5 -1)">+4</text> - <use id="CVA4_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> + <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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB4_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> + <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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC4_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> + <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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD4_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> + <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)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-75) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" 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> + </svg></g> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> <g transform="translate(0 223)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT4_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT4_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT4_INPUT" xlink:href="#input" transform="translate(5 37)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> </g> <g transform="translate(5.5 73)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT4_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <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> diff --git a/res-pp/PolyCon16-pp.svg b/res-pp/PolyCon16-pp.svg @@ -15,68 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial-channels-small" viewBox="0 0 40px 40px"> - <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.3" stroke="#333" transform="rotate(-220) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(10 0)"/> - </g> - </symbol> - <symbol id="knob19" viewBox="0 0 20px 20px"> - <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> - </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" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> - <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -95,115 +33,407 @@ text.brand { <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(104.67 0)" /> --> <g transform="translate(21.5 22)"> - <use id="CHANNEL1_PARAM" xlink:href="#knob19" transform="translate(3.6 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(-6.5 20.5)">1</text> - <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL2_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7 20.5)">2</text> - <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL3_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7 20.5)">3</text> - <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL4_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">4</text> - <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL5_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">5</text> - <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL6_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">6</text> - <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL7_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">7</text> - <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL8_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">8</text> - <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL9_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(31 20.5)">9</text> - <use id="CHANNEL9_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL10_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">10</text> - <use id="CHANNEL10_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL11_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">11</text> - <use id="CHANNEL11_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL12_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">12</text> - <use id="CHANNEL12_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL13_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">13</text> - <use id="CHANNEL13_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL14_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">14</text> - <use id="CHANNEL14_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL15_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">15</text> - <use id="CHANNEL15_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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)"> - <use id="CHANNEL16_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" 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="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">16</text> - <use id="CHANNEL16_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <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> - <use id="CHANNELS_PARAM" xlink:href="#knob16" transform="translate(12 12)"/> - <use xlink:href="#dial-channels-small" transform="translate(0 0)"/> + <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)"><svg> + <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.3" stroke="#333" transform="rotate(-220) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(10 0)"/> + </g> + </svg></g> </g> <g transform="translate(52 318)"> <rect width="60" height="40" rx="5" fill="#fafafa"/> <rect width="24" height="40" rx="5" fill="#bbb" transform="translate(38)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="CHANNELS_INPUT" xlink:href="#input" transform="translate(3.5 4)"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/> + <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> + <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 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> </g> diff --git a/res-pp/PolyCon8-pp.svg b/res-pp/PolyCon8-pp.svg @@ -15,36 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> - <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -63,64 +33,213 @@ text.brand { <g transform="translate(0 18)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL1_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">1</text> - <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <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)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL2_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">2</text> - <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <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)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL3_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">3</text> - <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <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)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL4_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">4</text> - <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <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)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL5_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">5</text> - <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <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)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL6_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">6</text> - <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <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)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL7_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">7</text> - <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <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)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL8_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">8</text> - <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <g transform="translate(38.5 12.4)"><svg id="CHANNEL8_LIGHT"> + <rect width="3.2" height="3.2" fill="#0f0"/> + </svg></g> </g> <g transform="translate(7.5 270)"> <rect width="34" height="40" rx="5" fill="#bbb" transform="translate(-2 0)"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5 36)">OUT</text> </g> </svg> diff --git a/res-pp/PolyMult-pp.svg b/res-pp/PolyMult-pp.svg @@ -15,15 +15,31 @@ text.brand { } </style> - <defs> - <symbol id="knob16" viewBox="0 0 16px 16px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> + + <g transform="rotate(-90) translate(-376 13)"> + <text class="title" font-size="7pt" letter-spacing="2px">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)"/> + </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> - </symbol> - <symbol id="dial-channels-small" viewBox="0 0 40px 40px"> + </svg></g> + <g transform="translate(0 0)"><svg> <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> @@ -43,61 +59,58 @@ text.brand { <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(10 0)"/> <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(10 0)"/> </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> - - <g transform="rotate(-90) translate(-376 13)"> - <text class="title" font-size="7pt" letter-spacing="2px">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)"/> - </g> - </g> - - <g transform="translate(2.5 30)"> - <text font-size="6pt" letter-spacing="1.5px" transform="translate(6.5 0)">CHAN</text> - <use id="CHANNELS_PARAM" xlink:href="#knob16" transform="translate(12 12)"/> - <use xlink:href="#dial-channels-small" transform="translate(0 0)"/> + </svg></g> </g> <g transform="translate(0 70)"> <g transform="translate(5.5 0)"> <rect width="34" height="74" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 64)"/> - <use id="CHANNELS_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(6 35)">CHAN</text> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 39)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 71)">IN</text> </g> <g transform="translate(5.5 77)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="140" rx="5" fill="#bbb"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 67)">OUT</text> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 70)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 102)">OUT</text> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 105)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 137)">OUT</text> </g> </g> diff --git a/res-pp/PolyOff16-pp.svg b/res-pp/PolyOff16-pp.svg @@ -15,36 +15,604 @@ text.brand { } </style> - <defs> - <symbol id="knob16" viewBox="0 0 16px 16px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 239,1 239,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 239.5,0.5 239.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 240,0 240,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <rect width="60" height="20" fill="#0f0" transform="translate(0 0)" /> --> + <!-- <rect width="60" height="20" fill="#0f0" transform="translate(180 0)" /> --> + <!-- <rect width="80" height="20" fill="#0f0" transform="translate(0 360)" /> --> + <!-- <rect width="80" height="20" fill="#0f0" transform="translate(160 360)" /> --> + + <text class="title" x="57" y="19" font-size="12pt" letter-spacing="4px">POLYOFF16</text> + <g transform="translate(80 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </g> + + <g transform="translate(5.5 24)"> + <rect width="34" height="289" rx="5" fill="#fafafa" 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 font-size="6pt" letter-spacing="1px" transform="translate(4 284)">IN/CV</text> + </g> + + <g transform="translate(125.5 24)"> + <rect width="34" height="289" rx="5" fill="#fafafa" 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 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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> - </symbol> - <symbol id="dial-channels-small" viewBox="0 0 40px 40px"> - <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.3" stroke="#333" transform="rotate(-220) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(10 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(10 0)"/> - </g> - </symbol> - <symbol id="dial-centertick" viewBox="0 0 40px 40px"> + </svg></g> + <g transform="translate(50.5 -12)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-90) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -54,8 +622,15 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </symbol> - <symbol id="dial-mintick" viewBox="0 0 40px 40px"> + </svg></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)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-240) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -65,194 +640,175 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> - <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 239,1 239,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 239.5,0.5 239.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 240,0 240,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <rect width="60" height="20" fill="#0f0" transform="translate(0 0)" /> --> - <!-- <rect width="60" height="20" fill="#0f0" transform="translate(180 0)" /> --> - <!-- <rect width="80" height="20" fill="#0f0" transform="translate(0 360)" /> --> - <!-- <rect width="80" height="20" fill="#0f0" transform="translate(160 360)" /> --> - - <text class="title" x="57" y="19" font-size="12pt" letter-spacing="4px">POLYOFF16</text> - <g transform="translate(80 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> - - <g transform="translate(5.5 24)"> - <rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 40)"/> - <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 75)"/> - <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 110)"/> - <use id="CV5_INPUT" xlink:href="#input" transform="translate(5 145)"/> - <use id="CV6_INPUT" xlink:href="#input" transform="translate(5 180)"/> - <use id="CV7_INPUT" xlink:href="#input" transform="translate(5 215)"/> - <use id="CV8_INPUT" xlink:href="#input" transform="translate(5 250)"/> - <text font-size="6pt" letter-spacing="1px" transform="translate(4 284)">IN/CV</text> - </g> - - <g transform="translate(125.5 24)"> - <rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)"/> - <use id="CV9_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="CV10_INPUT" xlink:href="#input" transform="translate(5 40)"/> - <use id="CV11_INPUT" xlink:href="#input" transform="translate(5 75)"/> - <use id="CV12_INPUT" xlink:href="#input" transform="translate(5 110)"/> - <use id="CV13_INPUT" xlink:href="#input" transform="translate(5 145)"/> - <use id="CV14_INPUT" xlink:href="#input" transform="translate(5 180)"/> - <use id="CV15_INPUT" xlink:href="#input" transform="translate(5 215)"/> - <use id="CV16_INPUT" xlink:href="#input" transform="translate(5 250)"/> - <text 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> - <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET1_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE1_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> - </g> - <g transform="translate(0 68)"> - <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">2</text> - <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET2_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE2_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> - </g> - <g transform="translate(0 103)"> - <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">3</text> - <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET3_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE3_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> - </g> - <g transform="translate(0 138)"> - <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">4</text> - <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET4_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE4_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> - </g> - <g transform="translate(0 173)"> - <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">5</text> - <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET5_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE5_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> - </g> - <g transform="translate(0 208)"> - <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">6</text> - <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET6_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE6_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> - </g> - <g transform="translate(0 243)"> - <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">7</text> - <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET7_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE7_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> - </g> - <g transform="translate(0 278)"> - <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">8</text> - <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET8_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE8_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> - </g> - - <g transform="translate(120 33)"> - <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">9</text> - <use id="CHANNEL9_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET9_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE9_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> - </g> - <g transform="translate(120 68)"> - <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">10</text> - <use id="CHANNEL10_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET10_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE10_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> - </g> - <g transform="translate(120 103)"> - <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">11</text> - <use id="CHANNEL11_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET11_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE11_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> - </g> - <g transform="translate(120 138)"> - <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">12</text> - <use id="CHANNEL12_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET12_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE12_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + </svg></g> </g> <g transform="translate(120 173)"> <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">13</text> - <use id="CHANNEL13_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET13_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE13_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(120 208)"> <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">14</text> - <use id="CHANNEL14_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET14_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE14_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(120 243)"> <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">15</text> - <use id="CHANNEL15_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET15_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE15_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(120 278)"> <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">16</text> - <use id="CHANNEL16_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET16_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE16_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <text font-size="6pt" letter-spacing="0.3px" transform="translate(55 308)">OFFSET</text> @@ -265,16 +821,52 @@ text.brand { <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> - <use id="CHANNELS_PARAM" xlink:href="#knob16" transform="translate(10 12)"/> - <use xlink:href="#dial-channels-small" transform="translate(-2 0)"/> + <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)"><svg> + <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.3" stroke="#333" transform="rotate(-220) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(10 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(10 0)"/> + </g> + </svg></g> </g> <g transform="translate(115 318)"> <rect width="60" height="40" rx="5" fill="#fafafa"/> <rect width="24" height="40" rx="5" fill="#bbb" transform="translate(38)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(3.5 4)"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/> + <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> + <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 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> </g> diff --git a/res-pp/PolyOff8-pp.svg b/res-pp/PolyOff8-pp.svg @@ -15,65 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial-channels-small-8" viewBox="0 0 40px 40px"> - <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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> - <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -95,94 +36,406 @@ text.brand { <g transform="translate(5.5 24)"> <rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 40)"/> - <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 75)"/> - <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 110)"/> - <use id="CV5_INPUT" xlink:href="#input" transform="translate(5 145)"/> - <use id="CV6_INPUT" xlink:href="#input" transform="translate(5 180)"/> - <use id="CV7_INPUT" xlink:href="#input" transform="translate(5 215)"/> - <use id="CV8_INPUT" xlink:href="#input" transform="translate(5 250)"/> + <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 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> - <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET1_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE1_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 68)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">2</text> - <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET2_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE2_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 103)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">3</text> - <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET3_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE3_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 138)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">4</text> - <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET4_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE4_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 173)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">5</text> - <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET5_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE5_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 208)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">6</text> - <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET6_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE6_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 243)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">7</text> - <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET7_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE7_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 278)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">8</text> - <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET8_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE8_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> @@ -191,16 +444,43 @@ text.brand { <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> - <use id="CHANNELS_PARAM" xlink:href="#knob16" transform="translate(12 12)"/> - <use xlink:href="#dial-channels-small-8" transform="translate(0 0)"/> + <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)"><svg> + <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" stroke="#333" 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" stroke="#333" 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" stroke="#333" 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> + </svg></g> </g> <g transform="translate(52 318)"> <rect width="60" height="40" rx="5" fill="#fafafa"/> <rect width="24" height="40" rx="5" fill="#bbb" transform="translate(38)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(3.5 4)"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/> + <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> + <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 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> </g> diff --git a/res-pp/Pressor-pp.svg b/res-pp/Pressor-pp.svg @@ -16,74 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob38" viewBox="0 0 38px 38px"> - <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> - </symbol> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="dial-attenuverter" 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.3" stroke="#333"/> - </g> - <g transform="rotate(-180) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> - </g> - <g transform="rotate(-150) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> - </g> - <g transform="rotate(-120) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> - </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" stroke="#333"/> - </g> - <g transform="rotate(-30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> - </g> - <g transform="rotate(0) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> - </g> - <g transform="rotate(30) translate(15 0)"> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> - </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> - <symbol id="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -259,7 +191,13 @@ text.brand { <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> --> <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 39)" /> --> <text font-size="8pt" letter-spacing="1.5px" transform="translate(4 56.5) rotate(270)">THRESHOLD</text> - <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(23 0)"/> + <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)"/> </g> @@ -267,7 +205,13 @@ text.brand { <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> --> <!-- <polyline points="42,-20 42,250" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(4 38.5) rotate(270)">RATIO</text> - <use id="RATIO_PARAM" xlink:href="#knob38" transform="translate(23 0)"/> + <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)"/> </g> @@ -285,14 +229,26 @@ text.brand { <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 13)" /> --> <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 33)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(6 38.5) rotate(270)">ATTACK</text> - <use id="ATTACK_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> + <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)"/> <g transform="translate(102 0)"> <!-- <rect width="51" height="10" fill="#f003" transform="translate(8 -15)" /> --> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(6 42) rotate(270)">RELEASE</text> - <use id="RELEASE_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> + <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)"/> </g> @@ -305,21 +261,39 @@ text.brand { <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 13)" /> --> <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 33)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 38.5) rotate(270)">IN GAIN</text> - <use id="INPUT_GAIN_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> + <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)"/> <g transform="translate(60 0)"> <!-- <rect width="47" height="10" fill="#f003" transform="translate(8 -15)" /> --> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 44.5) rotate(270)">OUT GAIN</text> - <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> + <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)"/> <g transform="translate(121 0)"> <!-- <rect width="47" height="10" fill="#f003" transform="translate(8 -15)" /> --> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">IN/SIDE</text> - <use id="DETECTOR_MIX_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> + <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)"/> </g> @@ -329,21 +303,30 @@ text.brand { <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> --> <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> - <use id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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)"> <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> --> <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> - <use id="DECTECTOR_MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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)"> <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> --> <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> - <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> @@ -357,54 +340,114 @@ text.brand { <g transform="translate(10 0)"> <g transform="translate(3 0)"> - <use id="LEFT_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text> </g> <g transform="translate(37 0)"> - <use id="SIDECHAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(3 40)">SIDE</text> </g> <g transform="translate(71 0)"> - <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(1.5 40)">TRSH</text> </g> <g transform="translate(105 0)"> - <use id="RATIO_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">RATIO</text> </g> <g transform="translate(139 0)"> - <use id="ENVELOPE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ENV</text> </g> <g transform="translate(173 0)"> - <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text> </g> </g> <g transform="translate(10 44)"> <g transform="translate(3 0)"> - <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(13 40)">R</text> </g> <g transform="translate(37 0)"> - <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ATT</text> </g> <g transform="translate(71 0)"> - <use id="RELEASE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5.4 40)">REL</text> </g> <g transform="translate(105 0)"> - <use id="INPUT_GAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">IGN</text> </g> <g transform="translate(139 0)"> - <use id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">OGN</text> </g> <g transform="translate(173 0)"> - <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(12 40)">R</text> </g> </g> diff --git a/res-pp/Pulse-pp.svg b/res-pp/Pulse-pp.svg @@ -16,49 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <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" stroke="#333" transform="rotate(-240) translate(15 0)"/> @@ -135,27 +92,59 @@ text.brand { <g transform="translate(0 25)"> <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 2)"/> + <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)"/> </g> <g transform="translate(0 63)"> <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/> + <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)"> <!-- <rect width="45" height="10" fill="#f0f" transform="translate(0 -17)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(15.5 -1)">PW</text> - <use id="PW_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> + <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)"/> </g> <g transform="translate(0 145)"> <!-- <rect width="45" height="10" fill="#f0f" transform="translate(0 -16)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 0)">PWM</text> - <use id="PWM_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -2.5)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(0 182)"> @@ -163,17 +152,37 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="105" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text> - <use id="PWM_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(7 70)">PWM</text> - <use id="SYNC_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5 105)">SYNC</text> </g> <g transform="translate(5.5 111)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/Reftone-pp.svg b/res-pp/Reftone-pp.svg @@ -16,20 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="display-reftone" viewBox="0 0 45px 34px"> <rect width="38" height="48" fill="#222" transform="translate(3.5 0)"/> </symbol> @@ -151,17 +137,35 @@ text.brand { <g transform="translate(0 62)"> <g transform="translate(0 0)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7 0)">PITCH</text> - <use id="PITCH_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> + <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> - <use id="OCTAVE_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> + <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> - <use id="FINE_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> + <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> @@ -174,11 +178,21 @@ text.brand { <g transform="translate(0 0)"> <rect width="34" height="75" rx="5" fill="#bbb" transform="translate(5.5 0)"/> <g transform="translate(5.5 1)"> - <use id="CV_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> </g> <g transform="translate(5.5 39)"> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">SINE</text> </g> </g> diff --git a/res-pp/SampleHold-pp.svg b/res-pp/SampleHold-pp.svg @@ -15,31 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -60,8 +35,17 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 58)"/> <rect width="34" height="62" rx="5" fill="#fafafa"/> - <use id="TRIGGER1_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <use id="TRIGGER1_INPUT" xlink:href="#input" transform="translate(5 26)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 58)">GATE</text> </g> </g> @@ -70,24 +54,42 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 51)"/> <rect width="34" height="58" rx="5" fill="#fafafa"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="TRACK1_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/> + <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> - <use id="INVERT1_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/> + <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 transform="translate(5.5 64)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> @@ -100,8 +102,17 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 58)"/> <rect width="34" height="62" rx="5" fill="#fafafa"/> - <use id="TRIGGER2_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <use id="TRIGGER2_INPUT" xlink:href="#input" transform="translate(5 26)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 58)">GATE</text> </g> </g> @@ -110,24 +121,42 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 51)"/> <rect width="34" height="58" rx="5" fill="#fafafa"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="TRACK2_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/> + <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> - <use id="INVERT2_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/> + <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 transform="translate(5.5 64)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/Shaper-pp.svg b/res-pp/Shaper-pp.svg @@ -15,46 +15,279 @@ text.brand { } </style> - <defs> - <symbol id="knob38" viewBox="0 0 38px 38px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <text class="title" x="31" y="19" font-size="12pt" letter-spacing="4px">SHAPER</text> + <g transform="translate(35.5 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -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 transform="translate(74 4)"> + <rect width="58" height="40" rx="5" fill="#fafafa"/> + <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 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 transform="translate(102 4)"> + <rect width="30" height="40" rx="5" fill="#bbb"/> + <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 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> - </symbol> - <symbol id="dial-sustain" viewBox="0 0 100px 100px"> + </svg></g> + </g> + <g transform="translate(0 4)"> + <rect width="58" height="40" rx="5" fill="#bbb"/> + <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> + <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 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> + </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 transform="translate(0 4)"> + <rect width="58" height="40" rx="5" fill="#fafafa"/> + <rect width="20" height="40" rx="5" fill="#bbb" transform="translate(38)"/> + <rect width="20" height="40" fill="#bbb" 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> + <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 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> + </g> + </g> + </g> + + <g transform="scale(0.75) translate(14 19)"><svg> <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)"> + <g transform="rotate(-172.92) translate(30 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> </g> - <g transform="rotate(-180) translate(30 0)"> + <g transform="rotate(-50.26) translate(30 0)"> <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> </g> - <g transform="rotate(-150) translate(30 0)"> - <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333"/> + <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(-120) translate(30 0)"> + <g transform="rotate(-7.62) translate(30 0)"> <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> </g> - <g transform="rotate(-90) translate(30 0)"> + <g transform="rotate(11) translate(30 0)"> <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> </g> - <g transform="rotate(-60) translate(30 0)"> + <g transform="rotate(28.33) translate(30 0)"> <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> </g> - <g transform="rotate(-30) translate(30 0)"> + <g transform="rotate(44.6) translate(30 0)"> <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> </g> - <g transform="rotate(0) translate(30 0)"> + <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> + </svg></g> + <g transform="scale(0.75) translate(14 94)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> </g> - <g transform="rotate(30) translate(30 0)"> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> </g> <g transform="rotate(60) translate(30 0)"> @@ -63,8 +296,8 @@ text.brand { </g> </g> </g> - </symbol> - <symbol id="dial-exp" viewBox="0 0 100px 100px"> + </svg></g> + <g transform="scale(0.75) translate(14 169)"><svg> <g transform="translate(50.5 50.5)"> <g transform="rotate(-240) translate(30 0)"> <g transform="translate(2 0) rotate(240)"> @@ -113,135 +346,137 @@ text.brand { </g> </g> </g> - </symbol> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> - <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <text class="title" x="31" y="19" font-size="12pt" letter-spacing="4px">SHAPER</text> - <g transform="translate(35.5 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -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> - <use id="ATTACK_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(3 47)"/> - </g> - <g transform="translate(74 4)"> - <rect width="58" height="40" rx="5" fill="#fafafa"/> - <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6) scale(0.18)"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/> - <text 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> - <use id="ON_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="ON_LIGHT" xlink:href="#light-tiny" transform="translate(3 32)"/> - </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> - <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/> - <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> - <use id="DECAY_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 44)"/> - </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> - <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> - <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> - <use id="OFF_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="OFF_LIGHT" xlink:href="#light-tiny" transform="translate(3 36)"/> - </g> - <g transform="translate(102 4)"> - <rect width="30" height="40" rx="5" fill="#bbb"/> - <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> - <text 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> - <use id="ENV_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> - </g> - <g transform="translate(0 4)"> - <rect width="58" height="40" rx="5" fill="#bbb"/> - <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(2.5 3)"/> - <use id="INV_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> - <text 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> + </svg></g> + <g transform="scale(0.75) translate(14 243)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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(0 280)"> - <g transform="translate(75 0)"> - <text font-size="8pt" letter-spacing="2px" transform="translate(48 -2.5) rotate(90)">SIGNAL</text> - <use id="SIGNAL_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> + </svg></g> + <g transform="scale(0.75) translate(85 318)"><svg> + <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.5" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(30 0)"> + <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-90) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-60) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(0) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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 transform="translate(0 4)"> - <rect width="58" height="40" rx="5" fill="#fafafa"/> - <rect width="20" height="40" rx="5" fill="#bbb" transform="translate(38)"/> - <rect width="20" height="40" fill="#bbb" transform="translate(29)"/> - <use id="SIGNAL_INPUT" xlink:href="#input" transform="translate(2.5 3)"/> - <use id="SIGNAL_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> - <text 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> + </svg></g> + <g transform="scale(0.75) translate(85 392.5)"><svg> + <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.5" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(30 0)"> + <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-90) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-60) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(0) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> - - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 19)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 94)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 169)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 243)"/> - <use xlink:href="#dial-sustain" transform="scale(0.75) translate(85 318)"/> - <use xlink:href="#dial-sustain" transform="scale(0.75) translate(85 392.5)"/> + </svg></g> </svg> diff --git a/res-pp/ShaperPlus-pp.svg b/res-pp/ShaperPlus-pp.svg @@ -15,131 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="knob38" viewBox="0 0 38px 38px"> - <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> - </symbol> - <symbol id="dial-sustain" viewBox="0 0 100px 100px"> - <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.5" stroke="#333"/> - </g> - <g transform="rotate(-180) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> - </g> - <g transform="rotate(-150) translate(30 0)"> - <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333"/> - </g> - <g transform="rotate(-120) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> - </g> - <g transform="rotate(-90) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> - </g> - <g transform="rotate(-60) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> - </g> - <g transform="rotate(-30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> - </g> - <g transform="rotate(0) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> - </g> - <g transform="rotate(30) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> - </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> - </symbol> - <symbol id="dial-exp" viewBox="0 0 100px 100px"> - <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.5" stroke="#333"/> - </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.5" stroke="#333"/> - </g> - <g transform="rotate(-50.26) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> - </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.5" stroke="#333"/> - </g> - <g transform="rotate(11) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> - </g> - <g transform="rotate(28.33) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> - </g> - <g transform="rotate(44.6) translate(30 0)"> - <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> - </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> - </symbol> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> - <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -164,77 +39,190 @@ text.brand { <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> - <use id="ATTACK_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(3 47)"/> + <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 transform="translate(74 4)"> <rect width="58" height="40" rx="5" fill="#fafafa"/> - <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6)"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text> </g> - <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="ATTACK_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> + <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> - <use id="ON_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="ON_LIGHT" xlink:href="#light-tiny" transform="translate(3 32)"/> + <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> - <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> - <use id="ON_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="ON_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> + <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> - <use id="DECAY_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 44)"/> + <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> - <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> - <use id="DECAY_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="DECAY_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> + <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> - <use id="OFF_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="OFF_LIGHT" xlink:href="#light-tiny" transform="translate(3 36)"/> + <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> - <use id="OFF_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="OFF_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> + <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> - <use id="ENV_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> + <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 transform="translate(0 4)"> <rect width="58" height="40" rx="5" fill="#bbb"/> - <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(2.5 3)"/> - <use id="INV_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> + <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> + <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 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> </g> - <use id="ENV_INPUT" xlink:href="#input" transform="translate(143 7)"/> + <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 transform="translate(177 4)"> <rect width="30" height="40" rx="5" fill="#bbb"/> - <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text> </g> </g> @@ -242,25 +230,322 @@ text.brand { <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> - <use id="SIGNAL_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> + <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 transform="translate(0 4)"> <rect width="58" height="40" rx="5" fill="#fafafa"/> <rect width="20" height="40" rx="5" fill="#bbb" transform="translate(38)"/> <rect width="20" height="40" fill="#bbb" transform="translate(29)"/> - <use id="SIGNAL_INPUT" xlink:href="#input" transform="translate(2.5 3)"/> - <use id="SIGNAL_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> + <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> + <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 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> </g> - <use id="SIGNALCV_INPUT" xlink:href="#input" transform="translate(143 7)"/> + <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> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 19)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 94)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 169)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 243)"/> - <use xlink:href="#dial-sustain" transform="scale(0.75) translate(85 318)"/> - <use xlink:href="#dial-sustain" transform="scale(0.75) translate(85 392.5)"/> + <g transform="scale(0.75) translate(14 19)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> + </svg></g> + <g transform="scale(0.75) translate(14 94)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> + </svg></g> + <g transform="scale(0.75) translate(14 169)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> + </svg></g> + <g transform="scale(0.75) translate(14 243)"><svg> + <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.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(-50.26) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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.5" stroke="#333"/> + </g> + <g transform="rotate(11) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(28.33) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(44.6) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> + </svg></g> + <g transform="scale(0.75) translate(85 318)"><svg> + <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.5" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(30 0)"> + <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-90) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-60) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(0) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> + </svg></g> + <g transform="scale(0.75) translate(85 392.5)"><svg> + <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.5" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(30 0)"> + <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-90) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-60) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(0) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </g> + <g transform="rotate(30) translate(30 0)"> + <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/> + </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> + </svg></g> </svg> diff --git a/res-pp/Sine-pp.svg b/res-pp/Sine-pp.svg @@ -16,60 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <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" stroke="#333" transform="rotate(-240) translate(15 0)"/> @@ -108,27 +54,69 @@ text.brand { <g transform="translate(0 25)"> <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 2)"/> + <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)"/> </g> <g transform="translate(0 63)"> <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/> + <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)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(16 0)">FM</text> - <use id="FM_DEPTH_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-mintick" transform="translate(2.2 -2.5)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(0 125)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(6 0)">PHASE</text> - <use id="PHASE_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -2.5)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(0 158)"> @@ -136,19 +124,44 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 133)"/> <rect width="34" height="140" rx="5" fill="#fafafa"/> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text> - <use id="FM_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 70)">FM</text> - <use id="PHASE_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(2.5 105)">PHASE</text> - <use id="SYNC_INPUT" xlink:href="#input" transform="translate(5 108)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5 140)">SYNC</text> </g> <g transform="translate(5.5 146)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/Slew-pp.svg b/res-pp/Slew-pp.svg @@ -16,33 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -105,26 +78,60 @@ text.brand { <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(11 0)">RISE</text> - <use id="RISE_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> + <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)"/> - <use id="RISE_SHAPE_PARAM" xlink:href="#knob16" transform="translate(14.5 51)"/> + <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)"/> <g transform="translate(7.5 77)"> <rect width="30" height="30" rx="5" fill="#fafafa"/> - <use id="RISE_INPUT" xlink:href="#input" transform="translate(3 3)"/> + <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> <!-- <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> --> </g> </g> <g transform="translate(0 146)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(11 0)">FALL</text> - <use id="FALL_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> + <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)"/> - <use id="FALL_SHAPE_PARAM" xlink:href="#knob16" transform="translate(14.5 51)"/> + <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)"/> <g transform="translate(7.5 77)"> <rect width="30" height="30" rx="5" fill="#fafafa"/> - <use id="FALL_INPUT" xlink:href="#input" transform="translate(3 3)"/> + <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> <!-- <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> --> </g> </g> @@ -133,13 +140,23 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/Stack-pp.svg b/res-pp/Stack-pp.svg @@ -16,38 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="dial-octave-stack" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <g transform="rotate(-180) translate(10 0)"> @@ -158,29 +126,56 @@ text.brand { <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2px" transform="translate(6.4 0)">SEMIS</text> - <use id="SEMIS_PARAM" xlink:href="#knob26" transform="translate(9.5 7.5)"/> + <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)"/> </g> <g transform="translate(0 77)"> <text font-size="6pt" letter-spacing="2px" transform="translate(2.2 0)">OCTAVE</text> - <use id="OCTAVE_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> + <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)"/> </g> <g transform="translate(0 117)"> <text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">FINE</text> - <use id="FINE_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> + <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)"/> </g> <g transform="translate(5.5 154)"> <rect width="34" height="50" rx="5" fill="#fafafa"/> - <use id="CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="QUANTIZE_PARAM" xlink:href="#button-small" transform="translate(22 -1)"/> + <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> @@ -188,15 +183,30 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="72" rx="5" fill="#bbb"/> - <use id="THRU_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 32)">THRU</text> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 36)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 68)">OUT</text> </g> </g> diff --git a/res-pp/Sums-pp.svg b/res-pp/Sums-pp.svg @@ -15,21 +15,6 @@ text.brand { } </style> - <defs> - <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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -46,19 +31,49 @@ text.brand { <g transform="translate(7.5 18)"> <rect width="34" height="63.5" rx="5" fill="#fafafa" transform="translate(-2 0)"/> <rect width="34" height="10" fill="#fafafa" transform="translate(-2 53.5)"/> - <use id="A_INPUT" xlink:href="#input" transform="translate(3 5)"/> - <use id="B_INPUT" xlink:href="#input" transform="translate(3 35)"/> + <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 transform="translate(7.5 82)"> <rect width="34" height="163" rx="5" fill="#bbb" transform="translate(-2 0)"/> <rect width="34" height="10" fill="#bbb" transform="translate(-2 0)"/> - <use id="SUM_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.3 37)">SUM</text> - <use id="DIFFERENCE_OUTPUT" xlink:href="#output" transform="translate(3 44)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5 77)">DIFF</text> - <use id="MAX_OUTPUT" xlink:href="#output" transform="translate(3 84)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 117)">MAX</text> - <use id="MIN_OUTPUT" xlink:href="#output" transform="translate(3 124)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6.5 157)">MIN</text> </g> @@ -66,12 +81,22 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 22)"/> <rect width="34" height="32" rx="5" fill="#fafafa"/> - <use id="NEGATE_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <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 transform="translate(5.5 35)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="39" rx="5" fill="#bbb"/> - <use id="NEGATE_OUTPUT" xlink:href="#output" transform="translate(5 2)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 34)">NEG</text> </g> </g> diff --git a/res-pp/Switch-pp.svg b/res-pp/Switch-pp.svg @@ -15,34 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -64,33 +36,65 @@ text.brand { <g transform="translate(0 18)"> <g transform="translate(5.5 0)"> <rect width="34" height="62" rx="5" fill="#fafafa"/> - <use id="GATE_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 26)"/> + <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 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> - <use id="LATCH_PARAM" xlink:href="#button-small" transform="translate(27 -1)"/> + <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 transform="translate(5.5 0)"> <rect width="34" height="74" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 64)"/> - <use id="HIGH1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(11.0 35)">HIGH</text> - <use id="HIGH1_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> + <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)"> - <use id="LOW1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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> - <use id="LOW1_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> + <g transform="translate(2 29.3)"><svg id="LOW1_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> </g> <g transform="translate(5.5 77)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> @@ -99,19 +103,38 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="74" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 64)"/> - <use id="HIGH2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(11.0 35)">HIGH</text> - <use id="HIGH2_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> + <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)"> - <use id="LOW2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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> - <use id="LOW2_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> + <g transform="translate(2 29.3)"><svg id="LOW2_LIGHT"> + <rect width="6.4" height="6.4" fill="#0f0"/> + </svg></g> </g> <g transform="translate(5.5 77)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/Switch1616-pp.svg b/res-pp/Switch1616-pp.svg @@ -15,26 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -60,53 +40,133 @@ text.brand { <rect width="28" height="10" rx="5" fill="#bbb" transform="translate(38.5 302)"/> <g transform="translate(5.5 9)"> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(4 22)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(31 34)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 36.5)">2</text> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(4 58)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(31 70)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 72.5)">4</text> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(4 94)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(31 106)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 108.5)">6</text> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(4 130)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(31 142)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 144.5)">8</text> - <use id="IN10_INPUT" xlink:href="#input" transform="translate(4 166)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(31 178)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 180.5)">10</text> - <use id="IN12_INPUT" xlink:href="#input" transform="translate(4 202)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(31 214)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 216.5)">12</text> - <use id="IN14_INPUT" xlink:href="#input" transform="translate(4 238)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(31 250)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 252.5)">14</text> - <use id="IN16_INPUT" xlink:href="#input" transform="translate(4 274)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(31 286)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 288.5)">16</text> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(28 4)"/> + <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 points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 16)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(16 18.5)">1</text> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(28 40)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(22 52)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(16 54.5)">3</text> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(28 76)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(22 88)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(16 90.5)">5</text> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(28 112)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(22 124)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(16 126.5)">7</text> - <use id="IN9_INPUT" xlink:href="#input" transform="translate(28 148)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(22 160)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(16 162.5)">9</text> - <use id="IN11_INPUT" xlink:href="#input" transform="translate(28 184)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(22 196)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(11 198.5)">11</text> - <use id="IN13_INPUT" xlink:href="#input" transform="translate(28 220)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(22 232)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(11 234.5)">13</text> - <use id="IN15_INPUT" xlink:href="#input" transform="translate(28 256)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(22 268)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(11 270.5)">15</text> @@ -121,53 +181,133 @@ text.brand { </g> <g transform="translate(22.5 302)"> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(4 28)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(16 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(13.7 19)">A</text> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(40 28)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(52 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(49.7 19)">C</text> - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(76 28)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(88 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(85.9 19)">E</text> - <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(112 28)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(124 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(121.7 19)">G</text> - <use id="OUT9_OUTPUT" xlink:href="#output" transform="translate(148 28)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(160 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(159 19)">I</text> - <use id="OUT11_OUTPUT" xlink:href="#output" transform="translate(184 28)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(196 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(193.8 19)">K</text> - <use id="OUT13_OUTPUT" xlink:href="#output" transform="translate(220 28)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(232 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(229.05 19)">M</text> - <use id="OUT15_OUTPUT" xlink:href="#output" transform="translate(256 28)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(268 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(265.7 19)">O</text> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(22 4)"/> + <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 points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(34 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(32 42)">B</text> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(58 4)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(70 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(68 42)">D</text> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(94 4)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(106 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(104 42)">F</text> - <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(130 4)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(142 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(139.65 42)">H</text> - <use id="OUT10_OUTPUT" xlink:href="#output" transform="translate(166 4)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(178 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(176 42)">J</text> - <use id="OUT12_OUTPUT" xlink:href="#output" transform="translate(202 4)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(214 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(212 42)">L</text> - <use id="OUT14_OUTPUT" xlink:href="#output" transform="translate(238 4)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(250 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(247.6 42)">N</text> - <use id="OUT16_OUTPUT" xlink:href="#output" transform="translate(274 4)"/> + <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="#333" stroke-width="1" fill="none" transform="translate(286 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(283.8 42)">P</text> </g> @@ -176,277 +316,1301 @@ text.brand { <!-- <rect width="260" height="260" fill="#f0f" transform="translate(0 0)" /> --> <!-- <rect width="240" height="240" fill="#0ff" transform="translate(20 0)" /> --> - <use id="MIX_1_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_2_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_3_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_4_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_5_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_6_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_7_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_8_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_9_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_10_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_11_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_12_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_13_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_14_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 232.5) translate(-4.5 -4.5)"/> + <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> - <use id="MIX_15_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 232.5) translate(-4.5 -4.5)"/> + <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> - <use id="MIX_16_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 232.5) translate(-4.5 -4.5)"/> + <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> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(7.5 0)" /> --> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(22.5 0)" /> --> diff --git a/res-pp/Switch44-pp.svg b/res-pp/Switch44-pp.svg @@ -15,26 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -55,70 +35,134 @@ text.brand { <g transform="translate(13.5 42.5)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text> - <use id="MIX11_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX21_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX31_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX41_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX12_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX22_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX32_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX42_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX13_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX23_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX33_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX43_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX14_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX24_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX34_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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> - <use id="MIX44_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <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 transform="translate(0 269)"> @@ -127,37 +171,77 @@ text.brand { <rect width="130" height="10" fill="#fafafa" transform="translate(10 34)"/> <g transform="translate(12 0)"> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">1</text> </g> <g transform="translate(44 0)"> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">2</text> </g> <g transform="translate(76 0)"> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">3</text> </g> <g transform="translate(108 0)"> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.4 40)">4</text> </g> <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.2 40)">A</text> </g> <g transform="translate(34 0)"> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">B</text> </g> <g transform="translate(66 0)"> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">C</text> </g> <g transform="translate(98 0)"> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">D</text> </g> </g> diff --git a/res-pp/Switch88-pp.svg b/res-pp/Switch88-pp.svg @@ -15,26 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="button" viewBox="0 0 18px 18px"> - <g transform="translate(9 9)"> - <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -52,226 +32,562 @@ text.brand { <g transform="translate(5.5 25)"> <rect width="34" height="293" rx="5" fill="#fafafa" transform="translate(0 0)"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)"/> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)"/> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)"/> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)"/> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)"/> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)"/> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)"/> + <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 transform="translate(46.5 323)"> <rect width="278.5" height="34" rx="5" fill="#bbb" transform="translate(0 0)"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 5)"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(40 5)"/> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(75 5)"/> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(110 5)"/> - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(145 5)"/> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(180 5)"/> - <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(215 5)"/> - <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(250 5)"/> + <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)"> - <use id="MIX11_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX21_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX31_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX41_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX51_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX61_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX71_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX81_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX12_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX22_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX32_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX42_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX52_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX62_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX72_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX82_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX13_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX23_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX33_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX43_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX53_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX63_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX73_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX83_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX14_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX24_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX34_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX44_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX54_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX64_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX74_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX84_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX15_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX25_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX35_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX45_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX55_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX65_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX75_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX85_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX16_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX26_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX36_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX46_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX56_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX66_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX76_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX86_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX17_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX27_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX37_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX47_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX57_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX67_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX77_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX87_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX18_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX28_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX38_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX48_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX58_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX68_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX78_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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)"> - <use id="MIX88_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <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> diff --git a/res-pp/Test-pp.svg b/res-pp/Test-pp.svg @@ -15,15 +15,34 @@ text.brand { } </style> - <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> + + <g transform="rotate(-90) translate(-376 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 width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + <g transform="translate(0 10)"> + <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1</text> --> + <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> - </symbol> - <symbol id="dial-test" viewBox="0 0 45px 45px"> + </svg></g> + <g transform="translate(0 -6)"><svg> <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> @@ -59,74 +78,137 @@ text.brand { <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> </g> </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> - - <g transform="rotate(-90) translate(-376 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 width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> - </g> - </g> - - <g transform="translate(0 10)"> - <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1</text> --> - <use id="PARAM1_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -6)"/> + </svg></g> </g> <g transform="translate(0 50)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> </g> </g> <g transform="translate(0 95)"> <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P2</text> --> - <use id="PARAM2_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -6)"/> + <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)"><svg> + <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.3" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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> + </svg></g> </g> <g transform="translate(0 135)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> </g> </g> <g transform="translate(0 180)"> <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P3</text> --> - <use id="PARAM3_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -6)"/> + <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)"><svg> + <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.3" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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> + </svg></g> </g> <g transform="translate(0 220)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> </g> </g> @@ -135,13 +217,23 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/Test2-pp.svg b/res-pp/Test2-pp.svg @@ -15,15 +15,27 @@ text.brand { } </style> - <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <text class="title" x="30" y="17" font-size="9pt" letter-spacing="3px">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)"/> + </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> - </symbol> - <symbol id="dial-test" viewBox="0 0 45px 45px"> + </svg></g> + <g transform="translate(0 -1)"><svg> <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> @@ -59,106 +71,317 @@ text.brand { <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> </g> </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <text class="title" x="30" y="17" font-size="9pt" letter-spacing="3px">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)"/> - </g> - - <g transform="translate(0 30)"> - <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1A</text> - <use id="PARAM1A_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -1)"/> + </svg></g> </g> <g transform="translate(0 75)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV1A_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="PARAM2A_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -1)"/> + <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)"><svg> + <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.3" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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> + </svg></g> </g> <g transform="translate(0 175)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV2A_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="PARAM3A_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -1)"/> + <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)"><svg> + <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.3" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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> + </svg></g> </g> <g transform="translate(0 275)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV3A_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="PARAM1B_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -1)"/> + <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)"><svg> + <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.3" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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> + </svg></g> </g> <g transform="translate(45 75)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV1B_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="PARAM2B_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -1)"/> + <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)"><svg> + <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.3" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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> + </svg></g> </g> <g transform="translate(45 175)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV2B_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="PARAM3B_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -1)"/> + <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)"><svg> + <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.3" stroke="#333"/> + </g> + <g transform="rotate(-180) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-150) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-120) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-90) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-60) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(-30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(0) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </g> + <g transform="rotate(30) translate(15 0)"> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/> + </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> + </svg></g> </g> <g transform="translate(45 275)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV3B_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> </g> </g> @@ -166,12 +389,22 @@ text.brand { <g transform="translate(5.5 320)"> <g transform="translate(0 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(45 0)"> <rect width="34" height="38" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 35)">OUT</text> </g> </g> diff --git a/res-pp/TestExpanderBase-pp.svg b/res-pp/TestExpanderBase-pp.svg @@ -15,24 +15,6 @@ text.brand { } </style> - <defs> - <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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -47,7 +29,9 @@ text.brand { </g> <g transform="translate(0 245)"> - <use id="COM_LIGHT" xlink:href="#light-small" transform="translate(10 0.5)"/> + <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> @@ -55,13 +39,23 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/TestExpanderExtension-pp.svg b/res-pp/TestExpanderExtension-pp.svg @@ -15,18 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -41,14 +29,21 @@ text.brand { </g> <g transform="translate(0 280)"> - <use id="COM_LIGHT" xlink:href="#light-small" transform="translate(10 0.5)"/> + <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 transform="translate(5.5 41)"> <rect width="34" height="38" rx="5" fill="#bbb" transform="translate(0 -3)"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/TestVCF-pp.svg b/res-pp/TestVCF-pp.svg @@ -16,34 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob38" viewBox="0 0 38px 38px"> - <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> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - <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> @@ -91,28 +63,52 @@ text.brand { <g transform="translate(20 50)"> <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(9 45) rotate(270)">CUTOFF</text> - <use id="CUTOFF_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <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)"/> </g> <g transform="translate(20 120)"> <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> --> <text font-size="8pt" letter-spacing="1px" transform="translate(9 45) rotate(270)">RES/BW</text> - <use id="Q_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <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)"/> </g> <g transform="translate(20 190)"> <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> --> <text font-size="8pt" letter-spacing="1px" transform="translate(9 39) rotate(270)">DRIVE</text> - <use id="DRIVE_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <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)"/> </g> <g transform="translate(20 260)"> <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> --> <text font-size="8pt" letter-spacing="1px" transform="translate(9 36) rotate(270)">TOPO</text> - <use id="TOPOLOGY_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <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)"/> </g> @@ -121,22 +117,34 @@ text.brand { <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)"> - <use id="LOWPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="HIGHPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="BANDPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="BAND_REJECT_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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> - <use id="MODE_PARAM" xlink:href="#button-small" transform="translate(15 29)"/> + <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> @@ -145,30 +153,46 @@ text.brand { <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)"> - <use id="POLES_2_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="POLES_4_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="POLES_6_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="POLES_8_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="POLES_10_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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)"> - <use id="POLES_12_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <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> - <use id="POLES_PARAM" xlink:href="#button-small" transform="translate(15 39)"/> + <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> @@ -176,9 +200,24 @@ text.brand { <rect width="58" height="40" rx="5" fill="#fafafa"/> <rect width="50" height="40" rx="5" fill="#bbb" transform="translate(38)"/> <rect width="20" height="40" fill="#bbb" transform="translate(29)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(2.5 3)"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> - <use id="OUT_B_OUTPUT" xlink:href="#output" transform="translate(60.5 3)"/> + <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> + <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> + <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 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> diff --git a/res-pp/UMix-pp.svg b/res-pp/UMix-pp.svg @@ -15,21 +15,6 @@ text.brand { } </style> - <defs> - <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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -49,19 +34,64 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 283)"/> <rect width="34" height="293" rx="5" fill="#fafafa"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 40.5)"/> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 76)"/> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 111.5)"/> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 147)"/> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 182.5)"/> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 218)"/> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 252.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 transform="translate(5.5 283)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="38" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.5 33)">OUT</text> </g> </g> diff --git a/res-pp/Unison-pp.svg b/res-pp/Unison-pp.svg @@ -16,50 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </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" stroke="#333" transform="rotate(-220) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-160) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-80) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(15 0)"/> - <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" 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> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -92,17 +48,57 @@ text.brand { <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text> - <use id="CHANNELS_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> - <use xlink:href="#dial-channels" transform="translate(0 -1)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-220) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-160) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(-80) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" 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" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(15 0)"/> + <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" 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> + </svg></g> </g> <g transform="translate(0 80)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">DETUNE</text> - <use id="DETUNE_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> + <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)"/> <g transform="translate(5.5 44)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="DETUNE_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> </g> @@ -111,17 +107,37 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> - <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 70)">GATE</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(3 32)">V/OCT</text> - <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text> </g> </g> diff --git a/res-pp/VCA-pp.svg b/res-pp/VCA-pp.svg @@ -15,48 +15,6 @@ text.brand { } </style> - <defs> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -78,52 +36,126 @@ text.brand { <!-- <rect width="45" height="18" fill="#0f0" transform="translate(0 0)" /> --> <g transform="translate(0 19)"> - <use id="LEVEL1_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> - <use xlink:href="#dial-linear" transform="translate(0 -6)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> </g> <g transform="translate(0 57)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> <g transform="translate(0 178)"> - <use id="LEVEL2_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> - <use xlink:href="#dial-linear" transform="translate(0 -6)"/> + <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)"><svg> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </svg></g> </g> <g transform="translate(0 216)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 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> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> + <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> <!-- <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)" /> --> diff --git a/res-pp/VCAmp-pp.svg b/res-pp/VCAmp-pp.svg @@ -15,17 +15,26 @@ text.brand { } </style> - <defs> - <symbol id="slider-183" viewBox="0 0 18px 183px"> - <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> - </symbol> - <symbol id="sliderdial-db-183" viewBox="0 0 20px 183px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> + <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> + + <g transform="rotate(-90) translate(-376 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 width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + <g transform="translate(0 18)"> + <g transform="translate(0 0)"><svg> <g transform="translate(0 6.5)"> <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/> <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/> @@ -63,57 +72,46 @@ text.brand { <g transform="translate(0 170)"> <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-9 4)">dB</text> </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> + </svg></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> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 127)" /> --> - <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 177)" /> --> - - <g transform="rotate(-90) translate(-376 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 width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> - </g> - </g> - - <g transform="translate(0 18)"> - <use xlink:href="#sliderdial-db-183" transform="translate(0 0)"/> - <use id="LEVEL_PARAM" xlink:href="#slider-183" transform="translate(13.5 0)"/> + </svg></g> </g> <g transform="translate(0 210)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/VCF-pp.svg b/res-pp/VCF-pp.svg @@ -16,73 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob68" viewBox="0 0 68px 68px"> - <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> - </symbol> - <symbol id="knob38" viewBox="0 0 38px 38px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px"> - <rect width="3.2" height="3.2" fill="#0f0"/> - </symbol> - <symbol id="dial-frequency-vcf" viewBox="0 0 150px 108px"> <g transform="translate(75 54)"> <g transform="rotate(-240) translate(34 0)"> @@ -215,25 +148,69 @@ text.brand { <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(143 0)" /> --> <g transform="translate(21 25)"> - <use id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> + <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)"/> </g> <g transform="translate(25 126)"> <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">CV</text> - <use id="FREQUENCY_CV_PARAM" xlink:href="#knob16" transform="translate(20 12)"/> - <use xlink:href="#dial-centertick" transform="translate(8 0)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(82 126)"> <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">FM</text> - <use id="FM_PARAM" xlink:href="#knob16" transform="translate(20 12)"/> - <use xlink:href="#dial-mintick" transform="translate(8 0)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(54 165)"> <text font-size="8pt" letter-spacing="2px" transform="translate(7 38) rotate(270)">MODE</text> - <use id="MODE_PARAM" xlink:href="#knob16" transform="translate(13 11)"/> + <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)"/> </g> @@ -241,7 +218,13 @@ text.brand { <!-- <rect width="75" height="54" fill="#ff0" transform="translate(1 -9)" /> --> <!-- <rect width="64" height="54" fill="#f0f" transform="translate(5.5 -9)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(13.5 43.5) rotate(270)">RES/BW</text> - <use id="Q_PARAM" xlink:href="#knob38" transform="translate(24.5 0)"/> + <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)"/> </g> @@ -249,7 +232,13 @@ text.brand { <!-- <rect width="75" height="54" fill="#ff0" transform="translate(0 -9)" /> --> <!-- <rect width="64" height="54" fill="#f0f" transform="translate(5.5 -9)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(13.4 38.5) rotate(270)">SLOPE</text> - <use id="SLOPE_PARAM" xlink:href="#knob38" transform="translate(24.5 0)"/> + <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)"/> </g> @@ -262,34 +251,69 @@ text.brand { <g transform="translate(16 0)"> <g transform="translate(12 0)"> - <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(9 40)">CV</text> </g> <g transform="translate(44 0)"> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> </g> <g transform="translate(76 0)"> - <use id="FM_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(9 40)">FM</text> </g> </g> <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="IN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(10.5 40)">IN</text> </g> <g transform="translate(34 0)"> - <use id="Q_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(3 40)">R/BW</text> </g> <g transform="translate(66 0)"> - <use id="SLOPE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(7 40)">SLP</text> </g> <g transform="translate(98 0)"> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(6 40)">OUT</text> </g> </g> diff --git a/res-pp/VCM-pp.svg b/res-pp/VCM-pp.svg @@ -16,31 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob38" viewBox="0 0 38px 38px"> - <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> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <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> @@ -81,16 +56,32 @@ text.brand { <g transform="translate(10 1)"> <rect width="63" height="43" rx="5" fill="#fafafa"/> <g transform="translate(1 0)"> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> </g> <g transform="translate(32 0)"> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> </g> </g> <!-- <polyline points="0,0 150,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 22.5)" /> --> - <use id="LEVEL1_PARAM" xlink:href="#knob38" transform="translate(89.5 3.5)"/> + <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)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH1</text> </g> @@ -99,16 +90,32 @@ text.brand { <g transform="translate(10 1)"> <rect width="63" height="43" rx="5" fill="#fafafa"/> <g transform="translate(1 0)"> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> </g> <g transform="translate(32 0)"> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> </g> </g> <!-- <polyline points="0,0 150,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 22.5)" /> --> - <use id="LEVEL2_PARAM" xlink:href="#knob38" transform="translate(89.5 3.5)"/> + <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)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH2</text> </g> @@ -117,16 +124,32 @@ text.brand { <g transform="translate(10 1)"> <rect width="63" height="43" rx="5" fill="#fafafa"/> <g transform="translate(1 0)"> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> </g> <g transform="translate(32 0)"> - <use id="CV3_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> </g> </g> <!-- <polyline points="0,0 150,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 22.5)" /> --> - <use id="LEVEL3_PARAM" xlink:href="#knob38" transform="translate(89.5 3.5)"/> + <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)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH3</text> </g> @@ -135,41 +158,77 @@ text.brand { <g transform="translate(10 1)"> <rect width="63" height="43" rx="5" fill="#fafafa"/> <g transform="translate(1 0)"> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> </g> <g transform="translate(32 0)"> - <use id="CV4_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> </g> </g> <!-- <polyline points="0,0 150,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 22.5)" /> --> - <use id="LEVEL4_PARAM" xlink:href="#knob38" transform="translate(89.5 3.5)"/> + <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)"/> <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> - <use id="MIX_PARAM" xlink:href="#knob38" transform="translate(22.5 3.5)"/> + <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)"/> <g transform="translate(77 0)"> <rect width="63" height="43" rx="5" fill="#bbb"/> <rect width="31.5" height="43" rx="5" fill="#fafafa"/> <rect width="5" height="43" fill="#fafafa" transform="translate(26.5 0)"/> <g transform="translate(1 0)"> - <use id="MIX_CV_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> </g> <g transform="translate(32 0)"> - <use id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <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 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> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(49 -1.3)"/> + <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> diff --git a/res-pp/VCO-pp.svg b/res-pp/VCO-pp.svg @@ -16,28 +16,50 @@ text.brand { </style> <defs> - <symbol id="knob68" viewBox="0 0 68px 68px"> + <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> + <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> + </g> + </symbol> + </defs> + + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> --> + <!-- <rect width="50" height="20" fill="#0f0" transform="translate(100 0)" /> --> + + <text class="title" x="52" y="19" font-size="12pt" letter-spacing="4px">VCO</text> + <g transform="translate(35.5 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </g> + + <g transform="translate(21 25)"> + <!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> --> + <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> --> + <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> + <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> - </symbol> - <symbol id="knob26" viewBox="0 0 26px 26px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial-frequency" viewBox="0 0 108px 108px"> + </svg></g> + </g> + <g transform="translate(20 25)"><svg> <g transform="translate(54 54)"> <g transform="rotate(-240) translate(34 0)"> <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/> @@ -116,8 +138,73 @@ text.brand { <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text> </g> </g> - </symbol> - <symbol id="dial-attenuverter" viewBox="0 0 45px 45px"> + </svg></g> + + <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text> + + <!-- <rect width="100" height="7" fill="#0f0" transform="translate(10 136)" /> --> + + <g transform="translate(35 153)"> + <!-- <polyline points="0,-5 70,-5" stroke="#0f0" stroke-width="1" fill="none" /> --> + <!-- <polyline points="0,8 70,8" stroke="#0f0" stroke-width="1" fill="none" /> --> + <!-- <polyline points="0,21 70,21" stroke="#0f0" stroke-width="1" fill="none" /> --> + <!-- <polyline points="21,-10 21,240" stroke="#0f0" stroke-width="1" fill="none" /> --> + <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> + <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 17)" /> --> + </g> + <g transform="translate(36 141)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></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> + + <!-- <rect width="100" height="7" fill="#0f0" transform="translate(10 172)" /> --> + + <g transform="translate(44 188)"> + <!-- <polyline points="0,13 70,13" stroke="#0f0" stroke-width="1" fill="none" /> --> + <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)"><svg> <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> @@ -153,114 +240,7 @@ text.brand { <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> </g> </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </symbol> - - <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" stroke="#333" transform="rotate(-210) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/> - <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/> - </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> --> - <!-- <rect width="50" height="20" fill="#0f0" transform="translate(100 0)" /> --> - - <text class="title" x="52" y="19" font-size="12pt" letter-spacing="4px">VCO</text> - <g transform="translate(35.5 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> - - <g transform="translate(21 25)"> - <!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> --> - <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> --> - <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> - </g> - <use xlink:href="#dial-frequency" transform="translate(20 25)"/> - - <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text> - - <!-- <rect width="100" height="7" fill="#0f0" transform="translate(10 136)" /> --> - - <g transform="translate(35 153)"> - <!-- <polyline points="0,-5 70,-5" stroke="#0f0" stroke-width="1" fill="none" /> --> - <!-- <polyline points="0,8 70,8" stroke="#0f0" stroke-width="1" fill="none" /> --> - <!-- <polyline points="0,21 70,21" stroke="#0f0" stroke-width="1" fill="none" /> --> - <!-- <polyline points="21,-10 21,240" stroke="#0f0" stroke-width="1" fill="none" /> --> - <text font-size="8pt" letter-spacing="2px" transform="translate(0 22) rotate(270)">FINE</text> - <use id="FINE_PARAM" xlink:href="#knob16" transform="translate(13 0)"/> - <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 17)" /> --> - </g> - <use xlink:href="#dial-centertick" transform="translate(36 141)"/> - - <g transform="translate(73 150)"> - <g transform="translate(0 1)"> - <text font-size="6pt" letter-spacing="2px" transform="translate(10 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(41 -1.3)"/> - </g> - - <g transform="translate(0 14)"> - <text font-size="6pt" letter-spacing="0.5px" transform="translate(8 6.1)">LINEAR</text> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(41 -1.3)"/> - </g> - </g> - - <!-- <rect width="100" height="7" fill="#0f0" transform="translate(10 172)" /> --> - - <g transform="translate(44 188)"> - <!-- <polyline points="0,13 70,13" stroke="#0f0" stroke-width="1" fill="none" /> --> - <text font-size="8pt" letter-spacing="2px" transform="translate(10 22.5) rotate(270)">PW</text> - <use id="PW_PARAM" xlink:href="#knob26" transform="translate(18 0)"/> - </g> - <use xlink:href="#dial-attenuverter" transform="translate(52.5 178.5)"/> + </svg></g> <!-- <rect width="100" height="7" fill="#0f0" transform="translate(10 218)" /> --> @@ -269,12 +249,21 @@ text.brand { <g transform="translate(0 0)"> <!-- <polyline points="0,13 100,13" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(10 22) rotate(270)">FM</text> - <use id="FM_PARAM" xlink:href="#knob26" transform="translate(18 0)"/> + <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> <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 26)" /> --> <g transform="translate(57 -0)"> <text font-size="5pt" letter-spacing="2px" transform="translate(-1 -1)">EXP</text> - <use id="FM_TYPE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> @@ -290,15 +279,30 @@ text.brand { <rect width="10" height="8" fill="#fafafa" transform="translate(65 83)"/> <g transform="translate(12 0)"> - <use id="PW_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(8 40)">PW</text> </g> <g transform="translate(44 0)"> - <use id="FM_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(8 40)">FM</text> </g> <g transform="translate(76 0)"> - <use id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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> <!-- <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" /> --> @@ -306,7 +310,12 @@ text.brand { </g> </g> <g transform="translate(108 0)"> - <use id="SAW_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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> <!-- <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" /> --> @@ -316,15 +325,30 @@ text.brand { <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> </g> <g transform="translate(34 0)"> - <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text> </g> <g transform="translate(66 0)"> - <use id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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> <!-- <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" /> --> @@ -332,7 +356,12 @@ text.brand { </g> </g> <g transform="translate(98 0)"> - <use id="SINE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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> <!-- <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" /> --> diff --git a/res-pp/VU-pp.svg b/res-pp/VU-pp.svg @@ -16,19 +16,6 @@ text.brand { </style> <defs> - <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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="vu-vu" viewBox="0 0 18px 180px"> <!-- <rect width="18" height="180" x="0" y="0" rx="0" fill="#ccc" /> --> <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)"/> @@ -120,17 +107,37 @@ text.brand { <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="L_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 35)">L</text> - <use id="R_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="0.5px" transform="translate(9 70)">R (L)</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 32)">L</text> - <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 67)">R</text> </g> </g> diff --git a/res-pp/Walk-pp.svg b/res-pp/Walk-pp.svg @@ -15,22 +15,31 @@ text.brand { } </style> - <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <g transform="rotate(-90) translate(-376 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 width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> + </g> + </g> + + <!-- <polyline points="0,0 0,300" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> + + <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial-change" viewBox="0 0 45px 45px"> + </svg></g> + <g transform="translate(0 3)"><svg> <g transform="translate(22.5 22.5)"> <polyline points="0,0 4,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(17 0)"/> <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/> @@ -44,8 +53,19 @@ text.brand { <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/> <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(60) translate(17 0)"/> </g> - </symbol> - <symbol id="dial-centertick" viewBox="0 0 40px 40px"> + </svg></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)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-90) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -55,8 +75,19 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </symbol> - <symbol id="dial-mintick" viewBox="0 0 40px 40px"> + </svg></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)"><svg> <g transform="translate(20 20)"> <g transform="rotate(-240) translate(10 0)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> @@ -66,79 +97,51 @@ text.brand { <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <g transform="rotate(-90) translate(-376 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 width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/> - </g> - </g> - - <!-- <polyline points="0,0 0,300" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> - - <g transform="translate(0 25)"> - <text font-size="6pt" letter-spacing="1.5px" transform="translate(10 0)">RATE</text> - <use id="RATE_PARAM" xlink:href="#knob29" transform="translate(0 3.5)"/> - <use xlink:href="#dial-change" transform="translate(0 3)"/> - </g> - - <g transform="translate(0 82)"> - <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">OFFSET</text> - <use id="OFFSET_PARAM" xlink:href="#knob16" transform="translate(14.5 9)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 -3)"/> - </g> - - <g transform="translate(0 121)"> - <text font-size="6pt" letter-spacing="2.0px" transform="translate(5.5 0)">SCALE</text> - <use id="SCALE_PARAM" xlink:href="#knob16" transform="translate(14.5 9)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 -3)"/> + </svg></g> </g> <g transform="translate(0 157)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 133)"/> <rect width="34" height="140" rx="5" fill="#fafafa"/> - <use id="RATE_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(6 35)">RATE</text> - <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="1.2px" transform="translate(2 70)">OFFSET</text> - <use id="SCALE_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(2.5 105)">SCALE</text> - <use id="JUMP_INPUT" xlink:href="#input" transform="translate(5 108)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(5 140)">JUMP</text> </g> <g transform="translate(5.5 146)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-pp/Walk2-pp.svg b/res-pp/Walk2-pp.svg @@ -16,78 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </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" stroke="#333" transform="rotate(-240) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/> - <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(60) translate(17 0)"/> - </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="light-small" viewBox="0 0 6.4px 6.4px"> - <rect width="6.4" height="6.4" fill="#0f0"/> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="display-walk2" viewBox="0 0 190px 190px"> <rect cx="0" cy="0" width="190" height="190" fill="#222"/> </symbol> @@ -138,37 +66,141 @@ text.brand { <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> - <use id="RATE_X_PARAM" xlink:href="#knob29" transform="translate(10 -3)"/> + <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> - <use xlink:href="#dial-change" transform="translate(8 -3)"/> + <g transform="translate(8 -3)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 4,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(60) translate(17 0)"/> + </g> + </svg></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> - <use id="RATE_Y_PARAM" xlink:href="#knob29" transform="translate(0 -3)"/> + <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> - <use xlink:href="#dial-change" transform="translate(-2 -3)"/> + <g transform="translate(-2 -3)"><svg> + <g transform="translate(22.5 22.5)"> + <polyline points="0,0 4,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/> + <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(60) translate(17 0)"/> + </g> + </svg></g> </g> <g transform="translate(105 234)"> <text font-size="7pt" letter-spacing="2px" transform="translate(3.3 17) rotate(270)">OFF</text> - <use id="OFFSET_X_PARAM" xlink:href="#knob16" transform="translate(-30 0)"/> - <use xlink:href="#dial-centertick" transform="translate(-42 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> - <use id="OFFSET_Y_PARAM" xlink:href="#knob16" transform="translate(14 0)"/> - <use xlink:href="#dial-centertick" transform="translate(2 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(105 262.5)"> <text font-size="7pt" letter-spacing="2px" transform="translate(3.3 17) rotate(270)">SCL</text> - <use id="SCALE_X_PARAM" xlink:href="#knob16" transform="translate(-30 0)"/> - <use xlink:href="#dial-mintick" transform="translate(-42 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> - <use id="SCALE_Y_PARAM" xlink:href="#knob16" transform="translate(14 0)"/> - <use xlink:href="#dial-mintick" transform="translate(2 -12)"/> + <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)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> </g> <g transform="translate(7 281)"> @@ -176,12 +208,32 @@ text.brand { <rect width="22" height="40" rx="5" fill="#bbb" transform="translate(40 39)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31 39)"/> <rect width="31" height="20" fill="#bbb" transform="translate(31 39)"/> - <use id="OFFSET_X_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="SCALE_X_INPUT" xlink:href="#input" transform="translate(34.5 3)"/> + <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 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> - <use id="RATE_X_INPUT" xlink:href="#input" transform="translate(3.5 42)"/> - <use id="OUT_X_OUTPUT" xlink:href="#output" transform="translate(34.5 42)"/> + <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> + <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 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> </g> @@ -191,12 +243,32 @@ text.brand { <rect width="22" height="40" rx="5" fill="#bbb" transform="translate(40 39)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31 39)"/> <rect width="31" height="20" fill="#bbb" transform="translate(31 39)"/> - <use id="OFFSET_Y_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="SCALE_Y_INPUT" xlink:href="#input" transform="translate(34.5 3)"/> + <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> + <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 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> - <use id="RATE_Y_INPUT" xlink:href="#input" transform="translate(3.5 42)"/> - <use id="OUT_Y_OUTPUT" xlink:href="#output" transform="translate(34.5 42)"/> + <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> + <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 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> </g> @@ -205,8 +277,18 @@ text.brand { <rect width="61" height="40" rx="5" fill="#fafafa"/> <rect width="22" height="40" rx="5" fill="#bbb" transform="translate(40)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="JUMP_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="DISTANCE_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> + <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> + <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 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> </g> @@ -214,17 +296,27 @@ text.brand { <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)"> - <use id="JUMP_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> - <use id="SAMPLEHOLD_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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)"> - <use id="TRACKHOLD_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <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> - <use id="JUMP_MODE_PARAM" xlink:href="#button-small" transform="translate(26 9.7)"/> + <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/XCO-pp.svg b/res-pp/XCO-pp.svg @@ -16,28 +16,50 @@ text.brand { </style> <defs> - <symbol id="knob68" viewBox="0 0 68px 68px"> + <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" stroke="#333" transform="rotate(-210) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-180) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-150) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-120) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-60) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-30) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(0) translate(22 0)"/> + <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(30) translate(22 0)"/> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(22 0)"/> + </g> + </symbol> + </defs> + + <rect width="100%" height="100%" fill="#ddd"/> + <polyline points="1,1 299,1 299,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> + <polyline points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> + <polyline points="0,0 300,0 300,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> + + <!-- <rect width="125" height="20" fill="#0f0" transform="translate(0 0)" /> --> + <!-- <rect width="125" height="20" fill="#0f0" transform="translate(175 0)" /> --> + + <text class="title" x="127" y="19" font-size="12pt" letter-spacing="4px">XCO</text> + <g transform="translate(110 374)"> + <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> + <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> + </g> + + <g transform="translate(20 25)"> + <!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> --> + <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> --> + <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> + <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> - </symbol> - <symbol id="knob38" viewBox="0 0 38px 38px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="dial-frequency" viewBox="0 0 108px 108px"> + </svg></g> + </g> + <g transform="translate(20 25)"><svg> <g transform="translate(54 54)"> <g transform="rotate(-240) translate(34 0)"> <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/> @@ -116,89 +138,7 @@ text.brand { <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text> </g> </g> - </symbol> - <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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </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" stroke="#333"/> - </g> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> - <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </symbol> - <symbol id="switch" viewBox="0 0 14px 24px"> - <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/> - <rect width="14px" height="12px" stroke-width="0" fill="#000"/> - </symbol> - - <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" stroke="#333" transform="rotate(-210) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-180) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-150) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-120) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-60) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-30) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(0) translate(22 0)"/> - <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(30) translate(22 0)"/> - <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(22 0)"/> - </g> - </symbol> - </defs> - - <rect width="100%" height="100%" fill="#ddd"/> - <polyline points="1,1 299,1 299,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> - <polyline points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> - <polyline points="0,0 300,0 300,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/> - - <!-- <rect width="125" height="20" fill="#0f0" transform="translate(0 0)" /> --> - <!-- <rect width="125" height="20" fill="#0f0" transform="translate(175 0)" /> --> - - <text class="title" x="127" y="19" font-size="12pt" letter-spacing="4px">XCO</text> - <g transform="translate(110 374)"> - <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> - <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/> - </g> - - <g transform="translate(20 25)"> - <!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> --> - <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> --> - <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> - </g> - <use xlink:href="#dial-frequency" transform="translate(20 25)"/> + </svg></g> <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text> <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 143)" /> --> @@ -209,40 +149,79 @@ text.brand { <!-- <polyline points="0,21 70,21" stroke="#0f0" stroke-width="1" fill="none" /> --> <!-- <polyline points="21,-10 21,240" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(0 22) rotate(270)">FINE</text> - <use id="FINE_PARAM" xlink:href="#knob16" transform="translate(13 0)"/> + <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> <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 17)" /> --> </g> - <use xlink:href="#dial-centertick" transform="translate(35 141)"/> + <g transform="translate(35 141)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <g transform="translate(72 158.5)"> <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(40 -1.3)"/> + <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)"> <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(9 27) rotate(270)">FM</text> - <use id="FM_DEPTH_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <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> <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 26)" /> --> <g transform="translate(-19 52)"> <rect width="71" height="47" rx="5" fill="#fafafa" transform="translate(10 0)"/> <g transform="translate(10 0)"> <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> --> - <use id="FM_INPUT" xlink:href="#input" transform="translate(7 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(11 40)">FM</text> </g> <g transform="translate(47 0)"> <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> --> - <use id="FM_DEPTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 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> - <use id="FM_TYPE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> @@ -267,32 +246,100 @@ text.brand { <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/> </g> <g transform="translate(3 30)"> - <use id="SQUARE_PW_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5 30)">PW</text> - <use id="SQUARE_PW_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <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)"> - <use id="SQUARE_PHASE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> - <use id="SQUARE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <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)"> - <use id="SQUARE_MIX_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> - <use id="SQUARE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <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 transform="translate(0 288)"> <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)"/> <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)"/> <g transform="translate(3 0)"> - <use id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(0 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 font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text> </g> </g> </g> - <use xlink:href="#dial-centertick" transform="translate(135 48)"/> - <use xlink:href="#dial-centertick" transform="translate(135 136)"/> - <use xlink:href="#dial-mintick" transform="translate(135 225)"/> + <g transform="translate(135 48)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <g transform="translate(135 136)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <g transform="translate(135 225)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <g transform="translate(180 30)"> <rect width="30" height="330" rx="5" fill="#fafafa"/> @@ -306,32 +353,100 @@ text.brand { <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/> </g> <g transform="translate(3 30)"> - <use id="SAW_SATURATION_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">SAT</text> - <use id="SAW_SATURATION_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <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)"> - <use id="SAW_PHASE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> - <use id="SAW_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <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)"> - <use id="SAW_MIX_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> - <use id="SAW_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <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 transform="translate(0 288)"> <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)"/> <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)"/> <g transform="translate(3 0)"> - <use id="SAW_OUTPUT" xlink:href="#output" transform="translate(0 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 font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text> </g> </g> </g> - <use xlink:href="#dial-mintick" transform="translate(175 48)"/> - <use xlink:href="#dial-centertick" transform="translate(175 136)"/> - <use xlink:href="#dial-mintick" transform="translate(175 225)"/> + <g transform="translate(175 48)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <g transform="translate(175 136)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <g transform="translate(175 225)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <g transform="translate(220 30)"> <rect width="30" height="330" rx="5" fill="#fafafa"/> @@ -345,32 +460,100 @@ text.brand { <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/> </g> <g transform="translate(3 30)"> - <use id="TRIANGLE_SAMPLE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(1.5 30)">SAM</text> - <use id="TRIANGLE_SAMPLE_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <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)"> - <use id="TRIANGLE_PHASE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> - <use id="TRIANGLE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <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)"> - <use id="TRIANGLE_MIX_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> - <use id="TRIANGLE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <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 transform="translate(0 288)"> <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)"/> <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)"/> <g transform="translate(3 0)"> - <use id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(0 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 font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text> </g> </g> </g> - <use xlink:href="#dial-mintick" transform="translate(215 48)"/> - <use xlink:href="#dial-centertick" transform="translate(215 136)"/> - <use xlink:href="#dial-mintick" transform="translate(215 225)"/> + <g transform="translate(215 48)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <g transform="translate(215 136)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <g transform="translate(215 225)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <g transform="translate(260 30)"> <rect width="30" height="330" rx="5" fill="#fafafa"/> @@ -385,49 +568,132 @@ text.brand { <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none"/> </g> <g transform="translate(3 30)"> - <use id="SINE_FEEDBACK_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(0.5 30)">FDBK</text> - <use id="SINE_FEEDBACK_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <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)"> - <use id="SINE_PHASE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text> - <use id="SINE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <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)"> - <use id="SINE_MIX_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text> - <use id="SINE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <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 transform="translate(0 288)"> <rect width="31" height="5" fill="#bbb" transform="translate(-1 -5)"/> <rect width="31" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)"/> <g transform="translate(3 0)"> - <use id="SINE_OUTPUT" xlink:href="#output" transform="translate(0 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 font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text> </g> </g> </g> - <use xlink:href="#dial-mintick" transform="translate(255 48)"/> - <use xlink:href="#dial-centertick" transform="translate(255 136)"/> - <use xlink:href="#dial-mintick" transform="translate(255 225)"/> + <g transform="translate(255 48)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <g transform="translate(255 136)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-90) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> + <g transform="translate(255 225)"><svg> + <g transform="translate(20 20)"> + <g transform="rotate(-240) translate(10 0)"> + <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/> + </g> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/> + <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/> + </g> + </svg></g> <!-- <rect width="30" height="10" fill="#0f0" transform="translate(0 303)" /> --> <g transform="translate(0 313)"> <rect width="71" height="47" rx="5" fill="#fafafa" transform="translate(10 0)"/> <g transform="translate(10 0)"> <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> --> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(7 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(5 40)">V/OCT</text> </g> <g transform="translate(47 0)"> <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> --> - <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text> </g> <g transform="translate(100 0)"> <!-- <rect width="30" height="47" rx="5" fill="#bbb" transform="translate(0 0)" /> --> - <use id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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 font-size="6pt" letter-spacing="2px" transform="translate(5 40)">MIX</text> </g> </g> diff --git a/res-pp/XFade-pp.svg b/res-pp/XFade-pp.svg @@ -16,38 +16,6 @@ text.brand { </style> <defs> - <symbol id="knob29" viewBox="0 0 45px 45px"> - <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> - </symbol> - <symbol id="knob16" viewBox="0 0 16px 16px"> - <g transform="translate(8 8)"> - <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> - <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> - <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> - </g> - </symbol> - <symbol id="button-small" viewBox="0 0 9px 9px"> - <g transform="translate(4.5 4.5)"> - <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> - </g> - </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"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> - </g> - </symbol> - <symbol id="output" viewBox="0 0 24px 24px"> - <g transform="translate(12 12)"> - <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> - <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> - </g> - </symbol> - <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> @@ -111,39 +79,75 @@ text.brand { <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="1px" transform="translate(14 0)">MIX</text> - <use id="MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <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)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="MIX_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 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> - <use id="CURVE_PARAM" xlink:href="#knob16" transform="translate(14.5 17.5)"/> + <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)"/> </g> <g transform="translate(10.5 178)"> <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">LIN</text> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> + <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 transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="A_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 35)">A</text> - <use id="B_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(15 70)">B</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <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 font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">MIX</text> </g> </g> diff --git a/res-src/AD-src.svg b/res-src/AD-src.svg @@ -2,15 +2,6 @@ <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/> - <defs> - <import id="knob29"/> - <import id="dial"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-tiny"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -33,51 +24,51 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">ATTACK</text> - <use id="ATTACK_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <def id="ATTACK_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> + <def xlink:href="#dial" transform="translate(0 0)"/> + <def id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> </g> <g transform="translate(0 82)"> <text font-size="6pt" letter-spacing="2px" transform="translate(6 0)">DECAY</text> - <use id="DECAY_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <def id="DECAY_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> + <def xlink:href="#dial" transform="translate(0 0)"/> + <def id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> </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> - <use id="RETRIGGER_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/> + <def id="RETRIGGER_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/> </g> <g transform="translate(23.5 0)"> <text font-size="5pt" letter-spacing="0.5px" transform="translate(0.3 6)">LP</text> - <use id="LOOP_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/> + <def id="LOOP_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/> </g> </g> <g transform="translate(11 147)"> <text font-size="5pt" letter-spacing="1.5px" transform="translate(-1 6)">LIN</text> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> + <def id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> </g> <g transform="translate(0 160.5)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text> - <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="ATTACK_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(2 70)">ATTACK</text> - <use id="DECAY_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="DECAY_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(2.5 105)">DECAY</text> </g> <g transform="translate(5.5 111)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="ENV_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 32)">ENV</text> - <use id="EOC_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <def id="EOC_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 67)">EOC</text> </g> </g> diff --git a/res-src/ADSR-src.svg b/res-src/ADSR-src.svg @@ -3,13 +3,6 @@ <style/> <defs> - <import id="knob29"/> - <import id="dial"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-tiny"/> - <symbol id="dial-linear-adsr" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(17 0)"> @@ -51,48 +44,48 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">ATT</text> - <use id="ATTACK_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <def id="ATTACK_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> + <def xlink:href="#dial" transform="translate(0 0)"/> + <def id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> </g> <g transform="translate(0 82)"> <text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">DEC</text> - <use id="DECAY_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <def id="DECAY_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> + <def xlink:href="#dial" transform="translate(0 0)"/> + <def id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> </g> <g transform="translate(0 139)"> <text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">SUS</text> - <use id="SUSTAIN_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> + <def id="SUSTAIN_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> <use xlink:href="#dial-linear-adsr" transform="translate(0 0)"/> - <use id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <def id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> </g> <g transform="translate(0 196)"> <text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">REL</text> - <use id="RELEASE_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <def id="RELEASE_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> + <def xlink:href="#dial" transform="translate(0 0)"/> + <def id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> </g> <g transform="translate(10.5 247)"> <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">LIN</text> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> + <def id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> </g> <g transform="translate(0 262)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="GATE_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 35)">GATE</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/AMRM-src.svg b/res-src/AMRM-src.svg @@ -3,10 +3,6 @@ <style/> <defs> - <import id="knob45"/> - <import id="input"/> - <import id="output"/> - <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> @@ -57,13 +53,13 @@ <g transform="translate(0 49)"> <text font-size="8pt" letter-spacing="2px" transform="translate(18 0)">RECTIFY</text> - <use id="RECTIFY_PARAM" xlink:href="#knob45" transform="translate(0 -5)"/> + <def id="RECTIFY_PARAM" xlink:href="#knob45" transform="translate(0 -5)"/> <use xlink:href="#dial-rectify-amrm" transform="translate(0 -5)"/> </g> <g transform="translate(0 148)"> <text font-size="8pt" letter-spacing="2px" transform="translate(15.5 0)">DRY/WET</text> - <use id="DRYWET_PARAM" xlink:href="#knob45" transform="translate(0 -5)"/> + <def id="DRYWET_PARAM" xlink:href="#knob45" transform="translate(0 -5)"/> <use xlink:href="#dial-drywet-amrm" transform="translate(0 -5)"/> </g> @@ -71,21 +67,21 @@ <g transform="translate(0 0)"> <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)"/> <rect width="68" height="73" rx="5" fill="#fafafa"/> - <use id="MODULATOR_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <def id="MODULATOR_INPUT" xlink:href="#input" transform="translate(5 4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(7.5 36)">MOD</text> - <use id="CARRIER_INPUT" xlink:href="#input" transform="translate(39 4)"/> + <def id="CARRIER_INPUT" xlink:href="#input" transform="translate(39 4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(42.5 36)">CAR</text> - <use id="RECTIFY_INPUT" xlink:href="#input" transform="translate(5 40)"/> + <def id="RECTIFY_INPUT" xlink:href="#input" transform="translate(5 40)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">RECT</text> - <use id="DRYWET_INPUT" xlink:href="#input" transform="translate(39 40)"/> + <def id="DRYWET_INPUT" xlink:href="#input" transform="translate(39 40)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(42 72)">D/W</text> </g> <g transform="translate(0 79)"> <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="68" height="37" rx="5" fill="#bbb"/> - <use id="RECTIFY_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <def id="RECTIFY_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 33)">RECT</text> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(42.5 33)">OUT</text> </g> </g> diff --git a/res-src/ASR-src.svg b/res-src/ASR-src.svg @@ -2,16 +2,6 @@ <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/> - <defs> - <import id="knob29"/> - <import id="knob16"/> - <import id="dial"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-tiny"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -34,45 +24,45 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">ATTACK</text> - <use id="ATTACK_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <def id="ATTACK_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> + <def xlink:href="#dial" transform="translate(0 0)"/> + <def id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> </g> <g transform="translate(0 82)"> <text font-size="6pt" letter-spacing="1px" transform="translate(2.5 0)">RELEASE</text> - <use id="RELEASE_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <def id="RELEASE_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> + <def xlink:href="#dial" transform="translate(0 0)"/> + <def id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> </g> <g transform="translate(3.5 130)"> <text font-size="6pt" letter-spacing="1px" transform="translate(7 11)">S</text> - <use id="SUSTAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 0)"/> + <def id="SUSTAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 0)"/> </g> <g transform="translate(11 151)"> <text font-size="5pt" letter-spacing="1.5px" transform="translate(-1 6)">LIN</text> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> + <def id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> </g> <g transform="translate(0 162)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text> - <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="ATTACK_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(9 70)">ATT</text> - <use id="RELEASE_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="RELEASE_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(9 105)">REL</text> </g> <g transform="translate(5.5 111)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="ENV_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 32)">ENV</text> - <use id="EOC_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <def id="EOC_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 67)">EOC</text> </g> </g> diff --git a/res-src/Additator-src.svg b/res-src/Additator-src.svg @@ -3,19 +3,6 @@ <style/> <defs> - <import id="knob68"/> - <import id="knob38"/> - <import id="knob26"/> - <import id="knob16"/> - <import id="dial-frequency"/> - <import id="dial-attenuverter"/> - <import id="dial-linear"/> - <import id="dial-centertick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-small"/> - <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> @@ -59,9 +46,9 @@ <!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> --> <!-- <polyline points="0,54 254,54" stroke="#0f0" stroke-width="1" fill="none" /> --> <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> + <def id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> </g> - <use xlink:href="#dial-frequency" transform="translate(20 25)"/> + <def xlink:href="#dial-frequency" transform="translate(20 25)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text> @@ -69,7 +56,7 @@ <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> --> <!-- <polyline points="40,-20 40,50" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(4 50) rotate(270)">PARTIALS</text> - <use id="PARTIALS_PARAM" xlink:href="#knob38" transform="translate(21 0)"/> + <def id="PARTIALS_PARAM" xlink:href="#knob38" transform="translate(21 0)"/> <use xlink:href="#dial-partials-additator" transform="translate(5 -16)"/> </g> @@ -80,28 +67,28 @@ <!-- <polyline points="0,21 70,21" stroke="#0f0" stroke-width="1" fill="none" /> --> <!-- <polyline points="21,-10 21,240" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(-3 22.5) rotate(270)">FINE</text> - <use id="FINE_PARAM" xlink:href="#knob16" transform="translate(10 0)"/> + <def id="FINE_PARAM" xlink:href="#knob16" transform="translate(10 0)"/> <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 17)" /> --> </g> - <use xlink:href="#dial-centertick" transform="translate(8 -7)"/> + <def xlink:href="#dial-centertick" transform="translate(8 -7)"/> <g transform="translate(53 0)"> <!-- <polyline points="-50,13 168,13" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 33) rotate(270)">WIDTH</text> - <use id="WIDTH_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> + <def id="WIDTH_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> </g> - <use xlink:href="#dial-linear" transform="translate(59.5 -9.5)"/> + <def xlink:href="#dial-linear" transform="translate(59.5 -9.5)"/> <g transform="translate(106 0)"> <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">O-SKEW</text> - <use id="ODD_SKEW_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> + <def id="ODD_SKEW_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> </g> - <use xlink:href="#dial-attenuverter" transform="translate(112.5 -9.5)"/> + <def xlink:href="#dial-attenuverter" transform="translate(112.5 -9.5)"/> <g transform="translate(158 0)"> <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 37.5) rotate(270)">E-SKEW</text> - <use id="EVEN_SKEW_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> + <def id="EVEN_SKEW_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> </g> - <use xlink:href="#dial-attenuverter" transform="translate(164.5 -9.5)"/> + <def xlink:href="#dial-attenuverter" transform="translate(164.5 -9.5)"/> </g> <g transform="translate(10 218)"> @@ -109,35 +96,35 @@ <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> <!-- <polyline points="0,13 270,13" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 28.5) rotate(270)">GAIN</text> - <use id="GAIN_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> + <def id="GAIN_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> </g> - <use xlink:href="#dial-linear" transform="translate(5.5 -9.5)"/> + <def xlink:href="#dial-linear" transform="translate(5.5 -9.5)"/> <g transform="translate(53 0)"> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 33.5) rotate(270)">DECAY</text> - <use id="DECAY_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> + <def id="DECAY_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> </g> - <use xlink:href="#dial-attenuverter" transform="translate(59.5 -9.5)"/> + <def xlink:href="#dial-attenuverter" transform="translate(59.5 -9.5)"/> <g transform="translate(106 0)"> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 43) rotate(270)">BALANCE</text> - <use id="BALANCE_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> + <def id="BALANCE_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> </g> - <use xlink:href="#dial-attenuverter" transform="translate(112.5 -9.5)"/> + <def xlink:href="#dial-attenuverter" transform="translate(112.5 -9.5)"/> <g transform="translate(158 0)"> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 34.5) rotate(270)">FILTER</text> - <use id="FILTER_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> + <def id="FILTER_PARAM" xlink:href="#knob26" transform="translate(16 0)"/> </g> - <use xlink:href="#dial-attenuverter" transform="translate(164.5 -9.5)"/> + <def xlink:href="#dial-attenuverter" transform="translate(164.5 -9.5)"/> </g> <g transform="translate(185 272)"> - <use id="SINE_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="SINE_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SIN</text> - <use id="COSINE_LIGHT" xlink:href="#light-small" transform="translate(0 15)"/> + <def id="COSINE_LIGHT" xlink:href="#light-small" transform="translate(0 15)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(9 21.1)">COS</text> - <use id="PHASE_PARAM" xlink:href="#button-small" transform="translate(9 27)"/> + <def id="PHASE_PARAM" xlink:href="#button-small" transform="translate(9 27)"/> </g> <g transform="translate(0 269)"> @@ -147,50 +134,50 @@ <g transform="translate(10 0)"> <g transform="translate(3 0)"> - <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text> </g> <g transform="translate(37 0)"> - <use id="PARTIALS_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="PARTIALS_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">PRTLS</text> </g> <g transform="translate(71 0)"> - <use id="WIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="WIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">WIDTH</text> </g> <g transform="translate(105 0)"> - <use id="ODD_SKEW_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="ODD_SKEW_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OSK</text> </g> <g transform="translate(139 0)"> - <use id="EVEN_SKEW_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="EVEN_SKEW_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text 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)"> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> </g> <g transform="translate(37 0)"> - <use id="GAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="GAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(2 40)">GAIN</text> </g> <g transform="translate(71 0)"> - <use id="DECAY_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="DECAY_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">DECAY</text> </g> <g transform="translate(105 0)"> - <use id="BALANCE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="BALANCE_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">BAL</text> </g> <g transform="translate(139 0)"> - <use id="FILTER_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="FILTER_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(3 40)">FLTR</text> </g> <g transform="translate(173 0)"> - <use id="AUDIO_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="AUDIO_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OUT</text> </g> </g> diff --git a/res-src/AddrSeq-src.svg b/res-src/AddrSeq-src.svg @@ -3,15 +3,6 @@ <style/> <defs> - <import id="knob29"/> - <import id="dial-select"/> - <import id="knob16"/> - <import id="dial-steps"/> - <import id="switch"/> - <import id="light-small"/> - <import id="input"/> - <import id="output"/> - <symbol id="dial-bipolar-addrseq" viewBox="0 0 40px 40px"> <g transform="translate(20 20)"> <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(-240) translate(10 0)"/> @@ -55,24 +46,24 @@ <g transform="translate(6.5 32)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 30)"/> - <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(4 35)">CLOCK</text> </g> <g transform="translate(6.5 69)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="STEPS_PARAM" xlink:href="#knob16" transform="translate(14.5 10.5)"/> - <use xlink:href="#dial-steps" transform="translate(2.5 -1)"/> + <def id="STEPS_PARAM" xlink:href="#knob16" transform="translate(14.5 10.5)"/> + <def xlink:href="#dial-steps" transform="translate(2.5 -1)"/> </g> <g transform="translate(16.5 166)"> <text font-size="5pt" letter-spacing="2px" transform="translate(-1.8 -1)">FWD</text> - <use id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-1.3 34)">REV</text> </g> @@ -80,61 +71,61 @@ <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 307)" /> --> <g transform="translate(1 220)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">SELECT</text> - <use id="SELECT_PARAM" xlink:href="#knob29" transform="translate(0 2)"/> - <use xlink:href="#dial-select" transform="translate(0 2)"/> + <def id="SELECT_PARAM" xlink:href="#knob29" transform="translate(0 2)"/> + <def xlink:href="#dial-select" transform="translate(0 2)"/> <g transform="translate(5.5 47)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 35)">CV</text> </g> </g> <g transform="translate(6.5 321)"> <rect width="34" height="39" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8 35)">OUT</text> </g> <g transform="translate(49.5 32)"> - <use id="OUT1_PARAM" xlink:href="#knob16" transform="translate(9 4)"/> + <def id="OUT1_PARAM" xlink:href="#knob16" transform="translate(9 4)"/> <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 -8)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 32)">1</text> - <use id="OUT1_LIGHT" xlink:href="#light-small" transform="translate(17 26.5)"/> + <def id="OUT1_LIGHT" xlink:href="#light-small" transform="translate(17 26.5)"/> - <use id="OUT2_PARAM" xlink:href="#knob16" transform="translate(9 45.3)"/> + <def id="OUT2_PARAM" xlink:href="#knob16" transform="translate(9 45.3)"/> <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 33.3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 73.3)">2</text> - <use id="OUT2_LIGHT" xlink:href="#light-small" transform="translate(17 67.8)"/> + <def id="OUT2_LIGHT" xlink:href="#light-small" transform="translate(17 67.8)"/> - <use id="OUT3_PARAM" xlink:href="#knob16" transform="translate(9 86.6)"/> + <def id="OUT3_PARAM" xlink:href="#knob16" transform="translate(9 86.6)"/> <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 74.6)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 114.6)">3</text> - <use id="OUT3_LIGHT" xlink:href="#light-small" transform="translate(17 109.1)"/> + <def id="OUT3_LIGHT" xlink:href="#light-small" transform="translate(17 109.1)"/> - <use id="OUT4_PARAM" xlink:href="#knob16" transform="translate(9 127.9)"/> + <def id="OUT4_PARAM" xlink:href="#knob16" transform="translate(9 127.9)"/> <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 115.9)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 155.9)">4</text> - <use id="OUT4_LIGHT" xlink:href="#light-small" transform="translate(17 150.4)"/> + <def id="OUT4_LIGHT" xlink:href="#light-small" transform="translate(17 150.4)"/> - <use id="OUT5_PARAM" xlink:href="#knob16" transform="translate(9 169.1)"/> + <def id="OUT5_PARAM" xlink:href="#knob16" transform="translate(9 169.1)"/> <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 157.1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 197.1)">5</text> - <use id="OUT5_LIGHT" xlink:href="#light-small" transform="translate(17 191.6)"/> + <def id="OUT5_LIGHT" xlink:href="#light-small" transform="translate(17 191.6)"/> - <use id="OUT6_PARAM" xlink:href="#knob16" transform="translate(9 210.4)"/> + <def id="OUT6_PARAM" xlink:href="#knob16" transform="translate(9 210.4)"/> <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 198.4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 238.4)">6</text> - <use id="OUT6_LIGHT" xlink:href="#light-small" transform="translate(17 232.9)"/> + <def id="OUT6_LIGHT" xlink:href="#light-small" transform="translate(17 232.9)"/> - <use id="OUT7_PARAM" xlink:href="#knob16" transform="translate(9 251.7)"/> + <def id="OUT7_PARAM" xlink:href="#knob16" transform="translate(9 251.7)"/> <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 239.7)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 279.7)">7</text> - <use id="OUT7_LIGHT" xlink:href="#light-small" transform="translate(17 274.2)"/> + <def id="OUT7_LIGHT" xlink:href="#light-small" transform="translate(17 274.2)"/> - <use id="OUT8_PARAM" xlink:href="#knob16" transform="translate(9 293)"/> + <def id="OUT8_PARAM" xlink:href="#knob16" transform="translate(9 293)"/> <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 281)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 321)">8</text> - <use id="OUT8_LIGHT" xlink:href="#light-small" transform="translate(17 315.5)"/> + <def id="OUT8_LIGHT" xlink:href="#light-small" transform="translate(17 315.5)"/> </g> <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 47)" /> --> diff --git a/res-src/Analyzer-src.svg b/res-src/Analyzer-src.svg @@ -3,12 +3,6 @@ <style/> <defs> - <import id="knob38"/> - <import id="button-small"/> - <import id="input"/> - <import id="output"/> - <import id="light-small"/> - <symbol id="display-analyzer" viewBox="0 0 280px 230px"> <rect cx="0" cy="0" width="280" height="230" fill="#222"/> </symbol> @@ -94,8 +88,8 @@ <rect width="62" height="40" rx="5" fill="#fafafa"/> <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="SIGNALA_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="SIGNALA_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> + <def id="SIGNALA_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> + <def id="SIGNALA_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> <text 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> </g> @@ -104,8 +98,8 @@ <rect width="62" height="40" rx="5" fill="#fafafa"/> <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="SIGNALB_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="SIGNALB_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> + <def id="SIGNALB_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> + <def id="SIGNALB_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> <text 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> </g> @@ -114,8 +108,8 @@ <rect width="62" height="40" rx="5" fill="#fafafa"/> <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="SIGNALC_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="SIGNALC_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> + <def id="SIGNALC_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> + <def id="SIGNALC_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> <text 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> </g> @@ -124,8 +118,8 @@ <rect width="62" height="40" rx="5" fill="#fafafa"/> <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="SIGNALD_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="SIGNALD_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> + <def id="SIGNALD_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> + <def id="SIGNALD_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> <text 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> </g> @@ -133,31 +127,31 @@ <g transform="translate(0 271)"> <g transform="translate(30 0)"> - <use id="RANGE2_PARAM" xlink:href="#knob38" transform="translate(0 0)"/> + <def id="RANGE2_PARAM" xlink:href="#knob38" transform="translate(0 0)"/> <text font-size="7pt" letter-spacing="2px" transform="rotate(-90) translate(-38 -11)">RANGE</text> </g> <g transform="translate(103 0)"> - <use id="SMOOTH_PARAM" xlink:href="#knob38" transform="translate(0 0)"/> + <def id="SMOOTH_PARAM" xlink:href="#knob38" transform="translate(0 0)"/> <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)"> - <use id="QUALITY_ULTRA_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="QUALITY_ULTRA_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">ULTRA</text> </g> <g transform="translate(0 15)"> - <use id="QUALITY_HIGH_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="QUALITY_HIGH_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">HIGH</text> </g> <g transform="translate(0 29)"> - <use id="QUALITY_GOOD_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="QUALITY_GOOD_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">GOOD</text> </g> <g transform="translate(9 40)"> - <use id="QUALITY_PARAM" xlink:href="#button-small"/> + <def id="QUALITY_PARAM" xlink:href="#button-small"/> </g> </g> <text font-size="7pt" letter-spacing="2px" transform="rotate(-90) translate(-45 -11)">QUALITY</text> @@ -166,19 +160,19 @@ <g transform="translate(247 0)"> <g transform="translate(-6 -5)"> <g transform="translate(0 1)"> - <use id="WINDOW_NONE_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="WINDOW_NONE_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">NONE</text> </g> <g transform="translate(0 15)"> - <use id="WINDOW_HAMMING_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="WINDOW_HAMMING_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="6pt" letter-spacing="0.5px" transform="translate(9 6.1)">HAMMING</text> </g> <g transform="translate(0 29)"> - <use id="WINDOW_KAISER_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="WINDOW_KAISER_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(9 6.1)">KAISER</text> </g> <g transform="translate(9 40)"> - <use id="WINDOW_PARAM" xlink:href="#button-small"/> + <def id="WINDOW_PARAM" xlink:href="#button-small"/> </g> </g> <text font-size="7pt" letter-spacing="2px" transform="rotate(-90) translate(-43.5 -11)">WINDOW</text> diff --git a/res-src/AnalyzerXL-src.svg b/res-src/AnalyzerXL-src.svg @@ -3,7 +3,6 @@ <style/> <defs> - <import id="input"/> <symbol id="display-analyzerxl" viewBox="0 0 600px 380px"> <rect cx="0" cy="0" width="600" height="380" fill="#222"/> </symbol> @@ -16,14 +15,14 @@ </g> <g transform="translate(3, 13)"> - <use id="SIGNALA_INPUT" xlink:href="#input" transform="translate(0 0)"/> - <use id="SIGNALB_INPUT" xlink:href="#input" transform="translate(0 34)"/> - <use id="SIGNALC_INPUT" xlink:href="#input" transform="translate(0 68)"/> - <use id="SIGNALD_INPUT" xlink:href="#input" transform="translate(0 102)"/> - <use id="SIGNALE_INPUT" xlink:href="#input" transform="translate(0 136)"/> - <use id="SIGNALF_INPUT" xlink:href="#input" transform="translate(0 170)"/> - <use id="SIGNALG_INPUT" xlink:href="#input" transform="translate(0 204)"/> - <use id="SIGNALH_INPUT" xlink:href="#input" transform="translate(0 238)"/> + <def id="SIGNALA_INPUT" xlink:href="#input" transform="translate(0 0)"/> + <def id="SIGNALB_INPUT" xlink:href="#input" transform="translate(0 34)"/> + <def id="SIGNALC_INPUT" xlink:href="#input" transform="translate(0 68)"/> + <def id="SIGNALD_INPUT" xlink:href="#input" transform="translate(0 102)"/> + <def id="SIGNALE_INPUT" xlink:href="#input" transform="translate(0 136)"/> + <def id="SIGNALF_INPUT" xlink:href="#input" transform="translate(0 170)"/> + <def id="SIGNALG_INPUT" xlink:href="#input" transform="translate(0 204)"/> + <def id="SIGNALH_INPUT" xlink:href="#input" transform="translate(0 238)"/> </g> <use id="DISPLAY_WIDGET" xlink:href="#display-analyzerxl" transform="translate(30 0)"/> diff --git a/res-src/Arp-src.svg b/res-src/Arp-src.svg @@ -2,15 +2,6 @@ <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/> - <defs> - <import id="knob16"/> - <import id="dial-mintick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-small"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -32,46 +23,46 @@ <g transform="translate(3 18)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(5 6)">MODE</text> <g transform="translate(0 10)"> - <use id="UP_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="UP_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">UP</text> </g> <g transform="translate(21 10)"> - <use id="DOWN_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="DOWN_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">DN</text> </g> <g transform="translate(0 20)"> - <use id="UP_DOWN_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="UP_DOWN_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">PD</text> </g> <g transform="translate(21 20)"> - <use id="UP_DOWN_REPEAT_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="UP_DOWN_REPEAT_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">PR</text> </g> <g transform="translate(0 30)"> - <use id="IN_ORDER_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="IN_ORDER_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">IO</text> </g> <g transform="translate(21 30)"> - <use id="RANDOM_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="RANDOM_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">RD</text> </g> <g transform="translate(0 40)"> - <use id="SHUFFLE_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="SHUFFLE_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">SH</text> </g> - <use id="MODE_PARAM" xlink:href="#button-small" transform="translate(21 39)"/> + <def id="MODE_PARAM" xlink:href="#button-small" transform="translate(21 39)"/> </g> <g transform="translate(2.5 78.5)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(7.5 0)">GATE</text> - <use id="GATE_LENGTH_PARAM" xlink:href="#knob16" transform="translate(12 9)"/> - <use xlink:href="#dial-mintick" transform="translate(0 -3)"/> + <def id="GATE_LENGTH_PARAM" xlink:href="#knob16" transform="translate(12 9)"/> + <def xlink:href="#dial-mintick" transform="translate(0 -3)"/> <!-- <rect width="45" height="5" fill="#0f0" transform="translate(0 -11)" /> --> </g> <g transform="translate(6 115)"> <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">HOLD</text> - <use id="HOLD_PARAM" xlink:href="#button-small" transform="translate(23 -1)"/> + <def id="HOLD_PARAM" xlink:href="#button-small" transform="translate(23 -1)"/> <!-- <rect width="45" height="5" fill="#0f0" transform="translate(0 -6)" /> --> <!-- <rect width="45" height="5" fill="#0f0" transform="translate(0 8)" /> --> </g> @@ -80,21 +71,21 @@ <g transform="translate(5.5 0)"> <rect width="34" height="143" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 133)"/> - <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(2.3 35)">CLOCK</text> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="RESET_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(2.3 70)">RESET</text> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3 105)">V/OCT</text> - <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 108)"/> + <def id="GATE_INPUT" xlink:href="#input" transform="translate(5 108)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 140)">GATE</text> </g> <g transform="translate(5.5 146)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3 32)">V/OCT</text> - <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <def id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text> </g> </g> diff --git a/res-src/Assign-src.svg b/res-src/Assign-src.svg @@ -2,15 +2,6 @@ <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/> - <defs> - <import id="knob26"/> - <import id="dial-channels"/> - <import id="button-small"/> - <import id="light-small"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -28,27 +19,27 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text> - <use id="CHANNELS_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> - <use xlink:href="#dial-channels" transform="translate(0 -1)"/> + <def id="CHANNELS_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> + <def xlink:href="#dial-channels" transform="translate(0 -1)"/> </g> <g transform="translate(0 75)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/> <rect width="34" height="105" rx="5" fill="#fafafa"/> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> - <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="GATE_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 70)">GATE</text> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="RESET_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3 105)">RESET</text> </g> <g transform="translate(5.5 111)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3 32)">V/OCT</text> - <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <def id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text> </g> </g> diff --git a/res-src/Bool-src.svg b/res-src/Bool-src.svg @@ -2,11 +2,6 @@ <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/> - <defs> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -23,17 +18,17 @@ <g transform="translate(7.5 18)"> <rect width="34" height="63.5" rx="5" fill="#fafafa" transform="translate(-2 0)"/> <rect width="34" height="10" fill="#fafafa" transform="translate(-2 53.5)"/> - <use id="A_INPUT" xlink:href="#input" transform="translate(3 5)"/> - <use id="B_INPUT" xlink:href="#input" transform="translate(3 35)"/> + <def id="A_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="B_INPUT" xlink:href="#input" transform="translate(3 35)"/> </g> <g transform="translate(7.5 82)"> <rect width="34" height="123" rx="5" fill="#bbb" transform="translate(-2 0)"/> <rect width="34" height="10" fill="#bbb" transform="translate(-2 0)"/> - <use id="AND_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <def id="AND_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.3 37)">AND</text> - <use id="OR_OUTPUT" xlink:href="#output" transform="translate(3 44)"/> + <def id="OR_OUTPUT" xlink:href="#output" transform="translate(3 44)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(9.5 77)">OR</text> - <use id="XOR_OUTPUT" xlink:href="#output" transform="translate(3 84)"/> + <def id="XOR_OUTPUT" xlink:href="#output" transform="translate(3 84)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 117)">XOR</text> </g> @@ -41,12 +36,12 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 22)"/> <rect width="34" height="32" rx="5" fill="#fafafa"/> - <use id="NOT_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <def id="NOT_INPUT" xlink:href="#input" transform="translate(5 4)"/> </g> <g transform="translate(5.5 35)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="39" rx="5" fill="#bbb"/> - <use id="NOT_OUTPUT" xlink:href="#output" transform="translate(5 2)"/> + <def id="NOT_OUTPUT" xlink:href="#output" transform="translate(5 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 34)">NOT</text> </g> </g> diff --git a/res-src/CVD-src.svg b/res-src/CVD-src.svg @@ -3,13 +3,6 @@ <style/> <defs> - <import id="knob29"/> - <import id="knob16"/> - <import id="dial-time"/> - <import id="dial-scale"/> - <import id="input"/> - <import id="output"/> - <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> @@ -44,24 +37,24 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(9.5 0)">TIME</text> - <use id="TIME_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> - <use xlink:href="#dial-time" transform="translate(0 3)"/> - <use id="TIME_SCALE_PARAM" xlink:href="#knob16" transform="translate(14.5 59)"/> - <use xlink:href="#dial-scale" transform="translate(0 44.5)"/> + <def id="TIME_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def xlink:href="#dial-time" transform="translate(0 3)"/> + <def id="TIME_SCALE_PARAM" xlink:href="#knob16" transform="translate(14.5 59)"/> + <def xlink:href="#dial-scale" transform="translate(0 44.5)"/> <g transform="translate(5.5 79)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="TIME_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="TIME_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-mix-cvd" transform="translate(0 3)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="MIX_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="MIX_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> </g> @@ -70,13 +63,13 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/Clpr-src.svg b/res-src/Clpr-src.svg @@ -2,15 +2,6 @@ <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/> - <defs> - <import id="knob38"/> - <import id="dial-threshold"/> - <import id="dial-outputgain"/> - <import id="switch"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -30,20 +21,20 @@ <g transform="translate(0 40)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 0)">THRESHOLD</text> - <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> - <use xlink:href="#dial-threshold" transform="translate(10 -4)"/> + <def id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> + <def xlink:href="#dial-threshold" transform="translate(10 -4)"/> </g> <g transform="translate(0 122)"> <text font-size="8pt" letter-spacing="2px" transform="translate(15.5 0)">OUT GAIN</text> - <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> - <use xlink:href="#dial-outputgain" transform="translate(10 -4)"/> + <def id="OUTPUT_GAIN_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> + <def xlink:href="#dial-outputgain" transform="translate(10 -4)"/> </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> - <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text> </g> @@ -51,21 +42,21 @@ <g transform="translate(0 0)"> <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)"/> <rect width="68" height="73" rx="5" fill="#fafafa"/> - <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <def id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text> - <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/> + <def id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text> - <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)"/> + <def id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">TRSH</text> - <use id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(39 40)"/> + <def id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(39 40)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(42 72)">OGN</text> </g> <g transform="translate(0 79)"> <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="68" height="37" rx="5" fill="#bbb"/> - <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <def id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text> - <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> + <def id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text> </g> </g> diff --git a/res-src/Cmp-src.svg b/res-src/Cmp-src.svg @@ -3,12 +3,6 @@ <style/> <defs> - <import id="knob29"/> - <import id="knob16"/> - <import id="dial-window"/> - <import id="input"/> - <import id="output"/> - <symbol id="dial-voltage-cmp" viewBox="0 0 90px 45px"> <!-- <rect width="90" height="45" fill="#f003" transform="translate(0 0)" /> --> <g transform="translate(8 22.5)"> @@ -88,44 +82,44 @@ <g transform="translate(0 35)"> <text font-size="6pt" letter-spacing="1px" transform="translate(20 0)">A</text> - <use id="A_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="A_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-offset-cmp" transform="translate(0 3)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="A_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="B_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="B_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-offset-cmp" transform="translate(0 3)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="B_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="B_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="WINDOW_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> - <use xlink:href="#dial-window" transform="translate(0 3)"/> + <def id="WINDOW_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def xlink:href="#dial-window" transform="translate(0 3)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="WINDOW_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="WINDOW_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="LAG_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="LAG_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-lag-cmp" transform="translate(0 3)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="LAG_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LAG_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> </g> @@ -133,27 +127,27 @@ <g transform="translate(25 239)"> <!-- <rect width="40" height="32" fill="#0f03" transform="translate(0 0)" /> --> <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 7)">OUTPUT</text> - <use id="OUTPUT_PARAM" xlink:href="#knob16" transform="translate(0.5 12)"/> + <def id="OUTPUT_PARAM" xlink:href="#knob16" transform="translate(0.5 12)"/> <use xlink:href="#dial-voltage-cmp" transform="translate(0.5 -2.5)"/> </g> <g transform="translate(11 279)"> <rect width="68" height="77" rx="5" fill="#bbb"/> - <use id="GREATER_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <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> </g> - <use id="LESS_OUTPUT" xlink:href="#output" transform="translate(39 4)"/> + <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> </g> - <use id="EQUAL_OUTPUT" xlink:href="#output" transform="translate(5 40)"/> + <def id="EQUAL_OUTPUT" xlink:href="#output" transform="translate(5 40)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12 72)">EQ</text> - <use id="NOT_EQUAL_OUTPUT" xlink:href="#output" transform="translate(39 40)"/> + <def id="NOT_EQUAL_OUTPUT" xlink:href="#output" transform="translate(39 40)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(42 72)">NOT</text> </g> </svg> diff --git a/res-src/CmpDist-src.svg b/res-src/CmpDist-src.svg @@ -3,13 +3,6 @@ <style/> <defs> - <import id="knob29"/> - <import id="knob16"/> - <import id="dial-window"/> - <import id="dial-mintick"/> - <import id="input"/> - <import id="output"/> - <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> @@ -76,37 +69,37 @@ <g transform="translate(6 35)"> <text font-size="6pt" letter-spacing="1px" transform="translate(3.5 0)">A SCALE</text> - <use id="A_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="A_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)"/> </g> <g transform="translate(52.5 35)"> <text font-size="6pt" letter-spacing="1px" transform="translate(4 0)">WINDOW</text> - <use id="WINDOW_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> - <use xlink:href="#dial-window" transform="translate(0 3)"/> + <def id="WINDOW_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def xlink:href="#dial-window" transform="translate(0 3)"/> </g> <g transform="translate(99 35)"> <text font-size="6pt" letter-spacing="1px" transform="translate(3.5 0)">B SCALE</text> - <use id="B_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="B_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)"/> </g> <g transform="translate(6 100)"> <text font-size="6pt" letter-spacing="1px" transform="translate(6.5 0)">GT MIX</text> - <use id="GT_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="GT_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)"/> </g> <g transform="translate(52.5 100)"> <text font-size="6pt" letter-spacing="1px" transform="translate(6.5 0)">EQ MIX</text> - <use id="EQ_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="EQ_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)"/> </g> <g transform="translate(99 100)"> <text font-size="6pt" letter-spacing="1px" transform="translate(7 0)">LT MIX</text> - <use id="LT_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="LT_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)"/> </g> @@ -116,20 +109,20 @@ <g transform="translate(52.5 165)"> <text font-size="6pt" letter-spacing="1px" transform="translate(2.5 0)">DRY/WET</text> - <use id="DRY_WET_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="DRY_WET_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-drywet-cmpdist" transform="translate(0 3)"/> </g> <g transform="translate(20.5 182.5)"> <text font-size="6pt" letter-spacing="1px" transform="translate(-6 -9)">A DRY</text> - <use id="A_DRY_PARAM" xlink:href="#knob16" transform="translate(0 0)"/> - <use xlink:href="#dial-mintick" transform="translate(-12.5 -12)"/> + <def id="A_DRY_PARAM" xlink:href="#knob16" transform="translate(0 0)"/> + <def xlink:href="#dial-mintick" transform="translate(-12.5 -12)"/> </g> <g transform="translate(113.5 182.5)"> <text font-size="6pt" letter-spacing="1px" transform="translate(-6 -9)">B DRY</text> - <use id="B_DRY_PARAM" xlink:href="#knob16" transform="translate(0 0)"/> - <use xlink:href="#dial-mintick" transform="translate(-12.5 -12)"/> + <def id="B_DRY_PARAM" xlink:href="#knob16" transform="translate(0 0)"/> + <def xlink:href="#dial-mintick" transform="translate(-12.5 -12)"/> </g> <g transform="translate(0 225)"> @@ -140,55 +133,55 @@ <rect width="10" height="8" fill="#bbb" transform="translate(75 127)"/> <g transform="translate(12 0)"> - <use id="GT_MIX_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="GT_MIX_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(5 40)">GTM</text> </g> <g transform="translate(44 0)"> - <use id="LT_MIX_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="LT_MIX_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(6 40)">LTM</text> </g> <g transform="translate(76 0)"> - <use id="WINDOW_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="WINDOW_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="0.5px" transform="translate(1.5 40)">WNDW</text> </g> <g transform="translate(108 0)"> - <use id="DRY_WET_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="DRY_WET_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(6 40)">D/W</text> </g> <g transform="translate(0 44)"> <g transform="translate(12 0)"> - <use id="A_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="A_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(5 40)">A IN</text> </g> <g transform="translate(44 0)"> - <use id="A_SCALE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="A_SCALE_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">A SCL</text> </g> <g transform="translate(76 0)"> - <use id="GT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="GT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(8 40)">GT</text> </g> <g transform="translate(108 0)"> - <use id="LT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="LT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(9.5 40)">LT</text> </g> <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="B_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="B_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(5 40)">B IN</text> </g> <g transform="translate(34 0)"> - <use id="B_SCALE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="B_SCALE_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">B SCL</text> </g> <g transform="translate(66 0)"> - <use id="EQ_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="EQ_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(9 40)">EQ</text> </g> <g transform="translate(98 0)"> - <use id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(6 40)">MIX</text> </g> </g> diff --git a/res-src/DADSRH-src.svg b/res-src/DADSRH-src.svg @@ -2,18 +2,6 @@ <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/> - <defs> - <import id="knob38"/> - <import id="dial-sustain"/> - <import id="dial-exp"/> - <import id="button"/> - <import id="button-small"/> - <import id="switch"/> - <import id="input"/> - <import id="output"/> - <import id="light-tiny"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -28,170 +16,170 @@ <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> - <use id="DELAY_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="DELAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 43)"/> + <def id="DELAY_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> + <def id="DELAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 43)"/> </g> <g transform="translate(0 56)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">ATT</text> - <use id="ATTACK_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> + <def id="ATTACK_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> + <def id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> </g> <g transform="translate(0 112)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">DEC</text> - <use id="DECAY_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> + <def id="DECAY_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> + <def id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> </g> <g transform="translate(0 168)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">SUS</text> - <use id="SUSTAIN_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> + <def id="SUSTAIN_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> + <def id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> </g> <g transform="translate(0 224)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">REL</text> - <use id="RELEASE_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> + <def id="RELEASE_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> + <def id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> </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> - <use id="HOLD_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> + <def id="HOLD_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> </g> </g> </g> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 19)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 94)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 169)"/> - <use xlink:href="#dial-sustain" transform="scale(0.75) translate(11 243)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 318)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(85 392.5)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(11 19)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(11 94)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(11 169)"/> + <def xlink:href="#dial-sustain" transform="scale(0.75) translate(11 243)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(11 318)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(85 392.5)"/> <g> <g transform="translate(77 96)"> <g transform="translate(0 0)"> - <use id="ATTACK_SHAPE1_LIGHT" xlink:href="#light-tiny"/> + <def id="ATTACK_SHAPE1_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(5 5)"> <path d="M 1 1 Q 1 -6, 8 -6" stroke="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 10)"> - <use id="ATTACK_SHAPE2_LIGHT" xlink:href="#light-tiny"/> + <def id="ATTACK_SHAPE2_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(5 5)"> <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(-45)"/> </g> </g> <g transform="translate(0 20)"> - <use id="ATTACK_SHAPE3_LIGHT" xlink:href="#light-tiny"/> + <def id="ATTACK_SHAPE3_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(5 5)"> <path d="M 0 1 Q 7 1, 8 -7" stroke="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 28)"> - <use id="ATTACK_SHAPE_PARAM" xlink:href="#button-small"/> + <def id="ATTACK_SHAPE_PARAM" xlink:href="#button-small"/> </g> </g> <g transform="translate(77 152.5)"> <g transform="translate(0 0)"> - <use id="DECAY_SHAPE1_LIGHT" xlink:href="#light-tiny" transform="translate(0 0)"/> + <def id="DECAY_SHAPE1_LIGHT" xlink:href="#light-tiny" transform="translate(0 0)"/> <g transform="translate(5 0)"> <path d="M 0.5 -1 Q 1 6, 8 6" stroke="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 10)"> - <use id="DECAY_SHAPE2_LIGHT" xlink:href="#light-tiny"/> + <def id="DECAY_SHAPE2_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(6 -2)"> <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(45)"/> </g> </g> <g transform="translate(0 20)"> - <use id="DECAY_SHAPE3_LIGHT" xlink:href="#light-tiny"/> + <def id="DECAY_SHAPE3_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(5 0)"> <path d="M 0.5 -1 Q 6 0, 7 6" stroke="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 28)"> - <use id="DECAY_SHAPE_PARAM" xlink:href="#button-small"/> + <def id="DECAY_SHAPE_PARAM" xlink:href="#button-small"/> </g> </g> <g transform="translate(77 264.5)"> <g transform="translate(0 0)"> - <use id="RELEASE_SHAPE1_LIGHT" xlink:href="#light-tiny"/> + <def id="RELEASE_SHAPE1_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(5 0)"> <path d="M 0.5 -1 Q 1 6, 8 6" stroke="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 10)"> - <use id="RELEASE_SHAPE2_LIGHT" xlink:href="#light-tiny"/> + <def id="RELEASE_SHAPE2_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(6 -2)"> <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(45)"/> </g> </g> <g transform="translate(0 20)"> - <use id="RELEASE_SHAPE3_LIGHT" xlink:href="#light-tiny"/> + <def id="RELEASE_SHAPE3_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(5 0)"> <path d="M 0.5 -1 Q 6 0, 7 6" stroke="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 28)"> - <use id="RELEASE_SHAPE_PARAM" xlink:href="#button-small"/> + <def id="RELEASE_SHAPE_PARAM" xlink:href="#button-small"/> </g> </g> </g> <g transform="translate(84 37)"> <rect width="58" height="40" rx="5" fill="#fafafa"/> - <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6)"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/> + <def id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6)"/> + <def id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/> <text 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> - <use id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <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> - <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <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> - <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <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> - <use id="RETRIGGER_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="RETRIGGER_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 34)">RST</text> </g> <g transform="translate(112 187)"> <rect width="30" height="116" rx="5" fill="#bbb"/> <g transform="translate(0 1)"> - <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <def id="ENV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> </g> <g transform="translate(0 38)"> - <use id="INV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <def id="INV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">INV</text> </g> <g transform="translate(0 75)"> - <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <def id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text> </g> </g> diff --git a/res-src/DADSRHPlus-src.svg b/res-src/DADSRHPlus-src.svg @@ -2,18 +2,6 @@ <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/> - <defs> - <import id="knob38"/> - <import id="dial-sustain"/> - <import id="dial-exp"/> - <import id="button"/> - <import id="button-small"/> - <import id="switch"/> - <import id="input"/> - <import id="output"/> - <import id="light-tiny"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -37,179 +25,179 @@ <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> - <use id="DELAY_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="DELAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 43)"/> - <use id="DELAY_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="DELAY_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> + <def id="DELAY_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> + <def id="DELAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 43)"/> + <def id="DELAY_INPUT" xlink:href="#input" transform="translate(143 7)"/> + <def id="DELAY_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> </g> <g transform="translate(0 56)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">ATT</text> - <use id="ATTACK_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> - <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="ATTACK_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> + <def id="ATTACK_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> + <def id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> + <def id="ATTACK_INPUT" xlink:href="#input" transform="translate(143 7)"/> + <def id="ATTACK_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> </g> <g transform="translate(0 112)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">DEC</text> - <use id="DECAY_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> - <use id="DECAY_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="DECAY_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> + <def id="DECAY_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> + <def id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> + <def id="DECAY_INPUT" xlink:href="#input" transform="translate(143 7)"/> + <def id="DECAY_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> </g> <g transform="translate(0 168)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">SUS</text> - <use id="SUSTAIN_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> - <use id="SUSTAIN_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="SUSTAIN_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> + <def id="SUSTAIN_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> + <def id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> + <def id="SUSTAIN_INPUT" xlink:href="#input" transform="translate(143 7)"/> + <def id="SUSTAIN_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> </g> <g transform="translate(0 224)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">REL</text> - <use id="RELEASE_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> - <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> - <use id="RELEASE_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="RELEASE_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> + <def id="RELEASE_PARAM" xlink:href="#knob38" transform="translate(18 0)"/> + <def id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(3 34)"/> + <def id="RELEASE_INPUT" xlink:href="#input" transform="translate(143 7)"/> + <def id="RELEASE_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> </g> <g transform="translate(75 280)"> <text font-size="8pt" letter-spacing="2px" transform="translate(48 2) rotate(90)">HOLD</text> - <use id="HOLD_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> - <use id="HOLD_INPUT" xlink:href="#input" transform="translate(68 7)"/> + <def id="HOLD_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> + <def id="HOLD_INPUT" xlink:href="#input" transform="translate(68 7)"/> </g> </g> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 19)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 94)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 169)"/> - <use xlink:href="#dial-sustain" transform="scale(0.75) translate(11 243)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(11 318)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(85 392.5)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(11 19)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(11 94)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(11 169)"/> + <def xlink:href="#dial-sustain" transform="scale(0.75) translate(11 243)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(11 318)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(85 392.5)"/> <g> <g transform="translate(77 96)"> <g transform="translate(0 0)"> - <use id="ATTACK_SHAPE1_LIGHT" xlink:href="#light-tiny"/> + <def id="ATTACK_SHAPE1_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(5 5)"> <path d="M 1 1 Q 1 -6, 8 -6" stroke="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 10)"> - <use id="ATTACK_SHAPE2_LIGHT" xlink:href="#light-tiny"/> + <def id="ATTACK_SHAPE2_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(5 5)"> <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(-45)"/> </g> </g> <g transform="translate(0 20)"> - <use id="ATTACK_SHAPE3_LIGHT" xlink:href="#light-tiny"/> + <def id="ATTACK_SHAPE3_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(5 5)"> <path d="M 0 1 Q 7 1, 8 -7" stroke="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 28)"> - <use id="ATTACK_SHAPE_PARAM" xlink:href="#button-small"/> + <def id="ATTACK_SHAPE_PARAM" xlink:href="#button-small"/> </g> </g> <g transform="translate(77 152.5)"> <g transform="translate(0 0)"> - <use id="DECAY_SHAPE1_LIGHT" xlink:href="#light-tiny"/> + <def id="DECAY_SHAPE1_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(5 0)"> <path d="M 0.5 -1 Q 1 6, 8 6" stroke="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 10)"> - <use id="DECAY_SHAPE2_LIGHT" xlink:href="#light-tiny"/> + <def id="DECAY_SHAPE2_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(6 -2)"> <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(45)"/> </g> </g> <g transform="translate(0 20)"> - <use id="DECAY_SHAPE3_LIGHT" xlink:href="#light-tiny"/> + <def id="DECAY_SHAPE3_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(5 0)"> <path d="M 0.5 -1 Q 6 0, 7 6" stroke="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 28)"> - <use id="DECAY_SHAPE_PARAM" xlink:href="#button-small"/> + <def id="DECAY_SHAPE_PARAM" xlink:href="#button-small"/> </g> </g> <g transform="translate(77 264.5)"> <g transform="translate(0 0)"> - <use id="RELEASE_SHAPE1_LIGHT" xlink:href="#light-tiny"/> + <def id="RELEASE_SHAPE1_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(5 0)"> <path d="M 0.5 -1 Q 1 6, 8 6" stroke="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 10)"> - <use id="RELEASE_SHAPE2_LIGHT" xlink:href="#light-tiny"/> + <def id="RELEASE_SHAPE2_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(6 -2)"> <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(45)"/> </g> </g> <g transform="translate(0 20)"> - <use id="RELEASE_SHAPE3_LIGHT" xlink:href="#light-tiny"/> + <def id="RELEASE_SHAPE3_LIGHT" xlink:href="#light-tiny"/> <g transform="translate(5 0)"> <path d="M 0.5 -1 Q 6 0, 7 6" stroke="#333" stroke-width="1" fill="none"/> </g> </g> <g transform="translate(0 28)"> - <use id="RELEASE_SHAPE_PARAM" xlink:href="#button-small"/> + <def id="RELEASE_SHAPE_PARAM" xlink:href="#button-small"/> </g> </g> </g> <g transform="translate(84 37)"> <rect width="58" height="40" rx="5" fill="#fafafa"/> - <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6)"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/> + <def id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6)"/> + <def id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/> <text 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> - <use id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <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> - <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <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> - <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <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> - <use id="RETRIGGER_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="RETRIGGER_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 34)">RST</text> </g> <g transform="translate(112 187)"> <rect width="30" height="116" rx="5" fill="#bbb"/> <g transform="translate(0 1)"> - <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <def id="ENV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text> </g> <g transform="translate(0 38)"> - <use id="INV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <def id="INV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">INV</text> </g> <g transform="translate(0 75)"> - <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <def id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text> </g> </g> diff --git a/res-src/DGate-src.svg b/res-src/DGate-src.svg @@ -2,16 +2,6 @@ <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/> - <defs> - <import id="knob29"/> - <import id="dial"/> - <import id="light-tiny"/> - <import id="switch"/> - <import id="button"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -32,21 +22,21 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 0)">DELAY</text> - <use id="DELAY_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="DELAY_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <def id="DELAY_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> + <def xlink:href="#dial" transform="translate(0 0)"/> + <def id="DELAY_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> </g> <g transform="translate(0 84)"> <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 0)">GATE</text> - <use id="GATE_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> - <use xlink:href="#dial" transform="translate(0 0)"/> - <use id="GATE_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> + <def id="GATE_PARAM" xlink:href="#knob29" transform="translate(0 0)"/> + <def xlink:href="#dial" transform="translate(0 0)"/> + <def id="GATE_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/> </g> <g transform="translate(15.5 143)"> <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text> - <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text> </g> @@ -54,19 +44,19 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 58)"/> <rect width="34" height="62" rx="5" fill="#fafafa"/> - <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 26)"/> + <def id="TRIGGER_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <def id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 26)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 58)">TRIG</text> </g> <g transform="translate(0 62)"> <rect width="34" height="74" rx="5" fill="#bbb" transform="translate(5.5 0)"/> <rect width="34" height="10" fill="#bbb" transform="translate(5.5 0)"/> <g transform="translate(5.5 0)"> - <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 35)">GATE</text> </g> <g transform="translate(5.5 38)"> - <use id="END_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="END_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 32)">END</text> </g> </g> diff --git a/res-src/Detune-src.svg b/res-src/Detune-src.svg @@ -3,10 +3,6 @@ <style/> <defs> - <import id="knob26"/> - <import id="input"/> - <import id="output"/> - <symbol id="dial-cents-detune" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(15 0)"> @@ -65,13 +61,13 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">CENTS</text> - <use id="CENTS_PARAM" xlink:href="#knob26" transform="translate(9.5 7.5)"/> + <def id="CENTS_PARAM" xlink:href="#knob26" transform="translate(9.5 7.5)"/> <use xlink:href="#dial-cents-detune" transform="translate(0 -2)"/> </g> <g transform="translate(5.5 74)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> @@ -79,17 +75,17 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="107" rx="5" fill="#bbb"/> - <use id="THRU_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="THRU_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 32)">THRU</text> - <use id="OUT_PLUS_OUTPUT" xlink:href="#output" transform="translate(5 36)"/> + <def id="OUT_PLUS_OUTPUT" xlink:href="#output" transform="translate(5 36)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 68)">OUT+</text> - <use id="OUT_MINUS_OUTPUT" xlink:href="#output" transform="translate(5 72)"/> + <def id="OUT_MINUS_OUTPUT" xlink:href="#output" transform="translate(5 72)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 104)">OUT-</text> </g> </g> diff --git a/res-src/EQ-src.svg b/res-src/EQ-src.svg @@ -3,10 +3,6 @@ <style/> <defs> - <import id="knob29"/> - <import id="input"/> - <import id="output"/> - <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> @@ -40,21 +36,21 @@ <g transform="translate(0 36)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(12.5 0)">LOW</text> - <use id="LOW_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="LOW_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-eq-eq" transform="translate(0 3)"/> <!-- <rect width="45" height="24" fill="#f0f" transform="translate(0 48)" /> --> </g> <g transform="translate(0 114)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(13.5 0)">MID</text> - <use id="MID_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="MID_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-eq-eq" transform="translate(0 3)"/> <!-- <rect width="45" height="24" fill="#f0f" transform="translate(0 48)" /> --> </g> <g transform="translate(0 192)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(10 0)">HIGH</text> - <use id="HIGH_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="HIGH_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-eq-eq" transform="translate(0 3)"/> <!-- <rect width="45" height="24" fill="#f0f" transform="translate(0 48)" /> --> </g> @@ -63,13 +59,13 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/EQS-src.svg b/res-src/EQS-src.svg @@ -3,10 +3,6 @@ <style/> <defs> - <import id="knob38"/> - <import id="input"/> - <import id="output"/> - <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> @@ -38,19 +34,19 @@ <g transform="translate(0 40)"> <text font-size="8pt" letter-spacing="2px" transform="translate(32 0)">LOW</text> - <use id="LOW_PARAM" xlink:href="#knob38" transform="translate(26 13)"/> + <def id="LOW_PARAM" xlink:href="#knob38" transform="translate(26 13)"/> <use xlink:href="#dial-eq-eqs" transform="translate(10 -3)"/> </g> <g transform="translate(0 122)"> <text font-size="8pt" letter-spacing="2px" transform="translate(33 0)">MID</text> - <use id="MID_PARAM" xlink:href="#knob38" transform="translate(26 13)"/> + <def id="MID_PARAM" xlink:href="#knob38" transform="translate(26 13)"/> <use xlink:href="#dial-eq-eqs" transform="translate(10 -3)"/> </g> <g transform="translate(0 204)"> <text font-size="8pt" letter-spacing="2px" transform="translate(29 0)">HIGH</text> - <use id="HIGH_PARAM" xlink:href="#knob38" transform="translate(26 13)"/> + <def id="HIGH_PARAM" xlink:href="#knob38" transform="translate(26 13)"/> <use xlink:href="#dial-eq-eqs" transform="translate(10 -3)"/> </g> @@ -58,17 +54,17 @@ <g transform="translate(0 0)"> <rect width="68" height="10" fill="#fafafa" transform="translate(0 31)"/> <rect width="68" height="38" rx="5" fill="#fafafa"/> - <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <def id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text> - <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/> + <def id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text> </g> <g transform="translate(0 44)"> <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="68" height="37" rx="5" fill="#bbb"/> - <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <def id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text> - <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> + <def id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text> </g> </g> diff --git a/res-src/Edge-src.svg b/res-src/Edge-src.svg @@ -3,12 +3,6 @@ <style/> <defs> - <import id="knob29"/> - <import id="knob16"/> - <import id="input"/> - <import id="output"/> - <import id="light-small"/> - <symbol id="dial-time-edge" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(17 0)"> @@ -127,21 +121,21 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">RISE</text> - <use id="RISE_PARAM" xlink:href="#knob29" transform="translate(0 5)"/> + <def id="RISE_PARAM" xlink:href="#knob29" transform="translate(0 5)"/> <use xlink:href="#dial-time-edge" transform="scale(1) translate(0 5)"/> <!-- <rect width="45" height="6" fill="#0f0" transform="translate(0 52)" /> --> </g> <g transform="translate(0 89)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 0)">FALL</text> - <use id="FALL_PARAM" xlink:href="#knob29" transform="translate(0 5)"/> + <def id="FALL_PARAM" xlink:href="#knob29" transform="translate(0 5)"/> <use xlink:href="#dial-time-edge" transform="scale(1) translate(0 5)"/> <!-- <rect width="45" height="6" fill="#0f0" transform="translate(0 52)" /> --> </g> <g transform="translate(0 153)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 0)">HOLD</text> - <use id="HOLD_PARAM" xlink:href="#knob16" transform="translate(14.5 9)"/> + <def id="HOLD_PARAM" xlink:href="#knob16" transform="translate(14.5 9)"/> <use xlink:href="#dial-hold-edge" transform="scale(1) translate(2.5 -3)"/> <!-- <rect width="45" height="6" fill="#0f0" transform="translate(0 32)" /> --> </g> @@ -150,18 +144,18 @@ <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 38)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="109" rx="5" fill="#bbb"/> - <use id="HIGH_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="HIGH_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="1.2px" transform="translate(11 35)">HIGH</text> - <use id="HIGH_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> - <use id="RISE_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <def id="HIGH_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> + <def id="RISE_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.9 70)">RISE</text> - <use id="FALL_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="FALL_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 105)">FALL</text> </g> </g> diff --git a/res-src/EightFO-src.svg b/res-src/EightFO-src.svg @@ -3,16 +3,6 @@ <style/> <defs> - <import id="knob68"/> - <import id="knob26"/> - <import id="knob16"/> - <import id="dial-frequency-lfo"/> - <import id="dial-attenuverter"/> - <import id="dial-linear"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <symbol id="waves-eightfo" viewBox="0 0 70px 70px"> <!-- <polyline points="0,0 0,70" stroke-width="1" stroke="#0f0" transform="translate(20 0)" /> --> <g transform="translate(20 35)"> @@ -79,9 +69,9 @@ <!-- <rect width="108" height="108" fill="none" stroke="#0f0" /> --> <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> --> <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> + <def id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> </g> - <use xlink:href="#dial-frequency-lfo" transform="translate(10 15)"/> + <def xlink:href="#dial-frequency-lfo" transform="translate(10 15)"/> <!-- <rect width="20" height="10" fill="#0f0" transform="translate(20 130)" /> --> <!-- <rect width="20" height="10" fill="#0f0" transform="translate(108 130)" /> --> @@ -89,14 +79,14 @@ <g transform="translate(78 335)"> <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(40 -1.3)"/> + <def id="SLOW_PARAM" xlink:href="#button-small" transform="translate(40 -1.3)"/> </g> <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 137)" /> --> <g transform="translate(10 163)"> <!-- <polyline points="0,0 170,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 13)" /> --> <g transform="translate(10 0)"> - <use id="WAVE_PARAM" xlink:href="#knob16" transform="translate(0 5)"/> + <def id="WAVE_PARAM" xlink:href="#knob16" transform="translate(0 5)"/> <!-- <rect width="60" height="60" fill="none" stroke="#0f0" transform="translate(-10 -30) translate(8 13)" /> --> </g> <g transform="translate(70 0)"> @@ -105,9 +95,9 @@ <!-- <polyline points="0,0 0,170" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 -13)" /> --> <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(-10 33)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">SAM/PW</text> - <use id="SAMPLE_PWM_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <def id="SAMPLE_PWM_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> </g> - <use xlink:href="#dial-attenuverter" transform="translate(80.5 -9.6)"/> + <def xlink:href="#dial-attenuverter" transform="translate(80.5 -9.6)"/> <use xlink:href="#waves-eightfo" transform="translate(-2 -22)"/> </g> @@ -119,43 +109,43 @@ <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(10 33)" /> --> <g transform="translate(10 0)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 36.5) rotate(270)">OFFSET</text> - <use id="OFFSET_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <def id="OFFSET_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> </g> - <use xlink:href="#dial-attenuverter" transform="translate(20.5 -9.6)"/> + <def xlink:href="#dial-attenuverter" transform="translate(20.5 -9.6)"/> <g transform="translate(70 0)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 32) rotate(270)">SCALE</text> - <use id="SCALE_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <def id="SCALE_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> </g> - <use xlink:href="#dial-linear" transform="translate(80.5 -9.6)"/> + <def xlink:href="#dial-linear" transform="translate(80.5 -9.6)"/> </g> <g transform="translate(137 32)"> <g transform="translate(3 4)"> <g transform="translate(0 0)"> - <use id="PHASE7_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <def id="PHASE7_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> </g> <g transform="translate(0 40)"> - <use id="PHASE6_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <def id="PHASE6_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> </g> <g transform="translate(0 80)"> - <use id="PHASE5_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <def id="PHASE5_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> </g> <g transform="translate(0 120)"> - <use id="PHASE4_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <def id="PHASE4_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> </g> <g transform="translate(0 160)"> - <use id="PHASE3_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <def id="PHASE3_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> </g> <g transform="translate(0 200)"> - <use id="PHASE2_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <def id="PHASE2_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> </g> <g transform="translate(0 240)"> - <use id="PHASE1_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <def id="PHASE1_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> </g> <g transform="translate(0 280)"> <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 12)" /> --> - <use id="PHASE0_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> + <def id="PHASE0_PARAM" xlink:href="#knob16" transform="translate(4 4)"/> </g> </g> </g> @@ -175,15 +165,15 @@ <g transform="translate(176 32)"> <rect width="30" height="328" rx="5" fill="#fafafa"/> <g transform="translate(3 4)"> - <use id="PHASE7_INPUT" xlink:href="#input" transform="translate(0 0)"/> - <use id="PHASE6_INPUT" xlink:href="#input" transform="translate(0 40)"/> - <use id="PHASE5_INPUT" xlink:href="#input" transform="translate(0 80)"/> - <use id="PHASE4_INPUT" xlink:href="#input" transform="translate(0 120)"/> - - <use id="PHASE3_INPUT" xlink:href="#input" transform="translate(0 160)"/> - <use id="PHASE2_INPUT" xlink:href="#input" transform="translate(0 200)"/> - <use id="PHASE1_INPUT" xlink:href="#input" transform="translate(0 240)"/> - <use id="PHASE0_INPUT" xlink:href="#input" transform="translate(0 280)"/> + <def id="PHASE7_INPUT" xlink:href="#input" transform="translate(0 0)"/> + <def id="PHASE6_INPUT" xlink:href="#input" transform="translate(0 40)"/> + <def id="PHASE5_INPUT" xlink:href="#input" transform="translate(0 80)"/> + <def id="PHASE4_INPUT" xlink:href="#input" transform="translate(0 120)"/> + + <def id="PHASE3_INPUT" xlink:href="#input" transform="translate(0 160)"/> + <def id="PHASE2_INPUT" xlink:href="#input" transform="translate(0 200)"/> + <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> </g> @@ -191,15 +181,15 @@ <g transform="translate(215 32)"> <rect width="30" height="328" rx="5" fill="#bbb"/> <g transform="translate(3 4)"> - <use id="PHASE7_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> - <use id="PHASE6_OUTPUT" xlink:href="#output" transform="translate(0 40)"/> - <use id="PHASE5_OUTPUT" xlink:href="#output" transform="translate(0 80)"/> - <use id="PHASE4_OUTPUT" xlink:href="#output" transform="translate(0 120)"/> - - <use id="PHASE3_OUTPUT" xlink:href="#output" transform="translate(0 160)"/> - <use id="PHASE2_OUTPUT" xlink:href="#output" transform="translate(0 200)"/> - <use id="PHASE1_OUTPUT" xlink:href="#output" transform="translate(0 240)"/> - <use id="PHASE0_OUTPUT" xlink:href="#output" transform="translate(0 280)"/> + <def id="PHASE7_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> + <def id="PHASE6_OUTPUT" xlink:href="#output" transform="translate(0 40)"/> + <def id="PHASE5_OUTPUT" xlink:href="#output" transform="translate(0 80)"/> + <def id="PHASE4_OUTPUT" xlink:href="#output" transform="translate(0 120)"/> + + <def id="PHASE3_OUTPUT" xlink:href="#output" transform="translate(0 160)"/> + <def id="PHASE2_OUTPUT" xlink:href="#output" transform="translate(0 200)"/> + <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> </g> @@ -213,27 +203,27 @@ <!-- <rect width="300" height="7" fill="#f00" transform="translate(10 40)" /> --> <g transform="translate(10 -40)"> <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> --> - <use id="SAMPLE_PWM_INPUT" xlink:href="#input" transform="translate(4 4)"/> + <def id="SAMPLE_PWM_INPUT" xlink:href="#input" transform="translate(4 4)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(4 38)">S/PW</text> </g> <g transform="translate(50 -40)"> <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> --> - <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(2 4)"/> + <def id="OFFSET_INPUT" xlink:href="#input" transform="translate(2 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(4.5 38)">OFF</text> </g> <g transform="translate(90 -40)"> <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> --> - <use id="SCALE_INPUT" xlink:href="#input" transform="translate(0 4)"/> + <def id="SCALE_INPUT" xlink:href="#input" transform="translate(0 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 38)">SCL</text> </g> <g transform="translate(10 0)"> <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> --> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(4 5)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(4 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(2 40)">V/OCT</text> </g> <g transform="translate(50 0)"> <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> --> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(2 5)"/> + <def id="RESET_INPUT" xlink:href="#input" transform="translate(2 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(0 40)">RESET</text> </g> </g> diff --git a/res-src/EightOne-src.svg b/res-src/EightOne-src.svg @@ -2,17 +2,6 @@ <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/> - <defs> - <import id="knob29"/> - <import id="dial-select"/> - <import id="knob16"/> - <import id="dial-steps"/> - <import id="switch"/> - <import id="light-small"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -28,60 +17,60 @@ <rect width="34" height="337" rx="5" fill="#fafafa" transform="translate(0 -9)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">IN</text> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">1</text> - <use id="IN1_LIGHT" xlink:href="#light-small" transform="translate(17 29.5)"/> + <def id="IN1_LIGHT" xlink:href="#light-small" transform="translate(17 29.5)"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 44.3)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(5 44.3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 76.3)">2</text> - <use id="IN2_LIGHT" xlink:href="#light-small" transform="translate(17 70.8)"/> + <def id="IN2_LIGHT" xlink:href="#light-small" transform="translate(17 70.8)"/> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 86.6)"/> + <def id="IN3_INPUT" xlink:href="#input" transform="translate(5 86.6)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 118.6)">3</text> - <use id="IN3_LIGHT" xlink:href="#light-small" transform="translate(17 113.1)"/> + <def id="IN3_LIGHT" xlink:href="#light-small" transform="translate(17 113.1)"/> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 126.9)"/> + <def id="IN4_INPUT" xlink:href="#input" transform="translate(5 126.9)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 158.9)">4</text> - <use id="IN4_LIGHT" xlink:href="#light-small" transform="translate(17 153.4)"/> + <def id="IN4_LIGHT" xlink:href="#light-small" transform="translate(17 153.4)"/> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 168.1)"/> + <def id="IN5_INPUT" xlink:href="#input" transform="translate(5 168.1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 200.1)">5</text> - <use id="IN5_LIGHT" xlink:href="#light-small" transform="translate(17 194.6)"/> + <def id="IN5_LIGHT" xlink:href="#light-small" transform="translate(17 194.6)"/> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 209.4)"/> + <def id="IN6_INPUT" xlink:href="#input" transform="translate(5 209.4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 241.4)">6</text> - <use id="IN6_LIGHT" xlink:href="#light-small" transform="translate(17 235.9)"/> + <def id="IN6_LIGHT" xlink:href="#light-small" transform="translate(17 235.9)"/> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 250.7)"/> + <def id="IN7_INPUT" xlink:href="#input" transform="translate(5 250.7)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 282.7)">7</text> - <use id="IN7_LIGHT" xlink:href="#light-small" transform="translate(17 277.2)"/> + <def id="IN7_LIGHT" xlink:href="#light-small" transform="translate(17 277.2)"/> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 292)"/> + <def id="IN8_INPUT" xlink:href="#input" transform="translate(5 292)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 324)">8</text> - <use id="IN8_LIGHT" xlink:href="#light-small" transform="translate(17 318.5)"/> + <def id="IN8_LIGHT" xlink:href="#light-small" transform="translate(17 318.5)"/> </g> <g transform="translate(49.5 32)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 30)"/> - <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(4 35)">CLOCK</text> </g> <g transform="translate(49.5 69)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="STEPS_PARAM" xlink:href="#knob16" transform="translate(14.5 10.5)"/> - <use xlink:href="#dial-steps" transform="translate(2.5 -1)"/> + <def id="STEPS_PARAM" xlink:href="#knob16" transform="translate(14.5 10.5)"/> + <def xlink:href="#dial-steps" transform="translate(2.5 -1)"/> </g> <g transform="translate(59 166)"> <text font-size="5pt" letter-spacing="2px" transform="translate(-1.8 -1)">FWD</text> - <use id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-1.3 34)">REV</text> </g> @@ -89,18 +78,18 @@ <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 307)" /> --> <g transform="translate(44 220)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">SELECT</text> - <use id="SELECT_PARAM" xlink:href="#knob29" transform="translate(0 2)"/> - <use xlink:href="#dial-select" transform="translate(0 2)"/> + <def id="SELECT_PARAM" xlink:href="#knob29" transform="translate(0 2)"/> + <def xlink:href="#dial-select" transform="translate(0 2)"/> <g transform="translate(5.5 47)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 35)">CV</text> </g> </g> <g transform="translate(49.5 321)"> <rect width="34" height="39" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8 35)">OUT</text> </g> diff --git a/res-src/FFB-src.svg b/res-src/FFB-src.svg @@ -2,16 +2,6 @@ <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/> - <defs> - <import id="knob26"/> - <import id="knob16"/> - <import id="dial-linear"/> - <import id="dial-centertick"/> - <import id="input"/> - <import id="output"/> - <import id="light-small"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -27,95 +17,95 @@ <g transform="translate(1.5 24)"> <!-- <rect width="38" height="44" fill="#f0f" transform="translate(0 0)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">125</text> - <use id="BAND_1_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="BAND_1_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="BAND_1_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(41 24)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">500</text> - <use id="BAND_5_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="BAND_5_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="BAND_5_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(80.5 24)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7 6)">2000</text> - <use id="BAND_9_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="BAND_9_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="BAND_9_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(1.5 75)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">175</text> - <use id="BAND_2_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="BAND_2_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="BAND_2_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(41 75)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">700</text> - <use id="BAND_6_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="BAND_6_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="BAND_6_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(80.5 75)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7 6)">2800</text> - <use id="BAND_10_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="BAND_10_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="BAND_10_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(1.5 126)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">250</text> - <use id="BAND_3_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="BAND_3_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="BAND_3_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(41 126)"> <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 6)">1000</text> - <use id="BAND_7_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="BAND_7_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="BAND_7_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(80.5 126)"> <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 6)">4000</text> - <use id="BAND_11_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="BAND_11_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="BAND_11_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(1.5 177)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">350</text> - <use id="BAND_4_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="BAND_4_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="BAND_4_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(41 177)"> <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 6)">1400</text> - <use id="BAND_8_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="BAND_8_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="BAND_8_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(80.5 177)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7 6)">5600</text> - <use id="BAND_12_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="BAND_12_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="BAND_12_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(1.5 228)"> <text font-size="6pt" letter-spacing="2px" transform="translate(13.5 6)">LP</text> - <use id="LOWPASS_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="LOWPASS_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="LOWWPASS_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> <g transform="translate(41 228)"> <text font-size="6pt" letter-spacing="2px" transform="translate(6 6)">FREQ</text> - <use id="CV_PARAM" xlink:href="#knob16" transform="translate(11 18.5)"/> - <use xlink:href="#dial-centertick" transform="translate(-1 6.5)"/> + <def id="CV_PARAM" xlink:href="#knob16" transform="translate(11 18.5)"/> + <def xlink:href="#dial-centertick" transform="translate(-1 6.5)"/> </g> <g transform="translate(80.5 228)"> <text font-size="6pt" letter-spacing="2px" transform="translate(12.5 6)">HP</text> - <use id="HIGHPASS_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> - <use xlink:href="#dial-linear" transform="translate(-3.5 4)"/> + <def id="HIGHPASS_PARAM" xlink:href="#knob26" transform="translate(6 13.5)"/> + <def xlink:href="#dial-linear" transform="translate(-3.5 4)"/> <!-- <use id="HIGHPASS_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> --> </g> @@ -123,26 +113,26 @@ <rect width="63" height="43" rx="5" fill="#fafafa"/> <rect width="63" height="10" fill="#fafafa" transform="translate(0 33)"/> <g transform="translate(1 0)"> - <use id="IN_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> </g> <g transform="translate(32 0)"> - <use id="CV_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <def id="CV_INPUT" xlink:href="#input" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 39)">FCV</text> </g> </g> <g transform="translate(13 320)"> <rect width="94" height="43" rx="5" fill="#bbb"/> <g transform="translate(1 0)"> - <use id="ALL_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <def id="ALL_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(6 39)">ALL</text> </g> <g transform="translate(32 0)"> - <use id="ODD_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <def id="ODD_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(5 39)">ODD</text> </g> <g transform="translate(63 0)"> - <use id="EVEN_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <def id="EVEN_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="1.5px" transform="translate(3 39)">EVEN</text> </g> </g> diff --git a/res-src/FMOp-src.svg b/res-src/FMOp-src.svg @@ -3,17 +3,6 @@ <style/> <defs> - <import id="knob38"/> - <import id="knob26"/> - <import id="knob16"/> - <import id="dial-linear"/> - <import id="dial-centertick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-small"/> - <import id="light-tiny"/> - <symbol id="dial-ratio-fmop" viewBox="0 0 88px 78px"> <g transform="translate(49 39)"> <g transform="rotate(-240) translate(19 0)"> @@ -124,48 +113,48 @@ <!-- <rect width="78" height="68" fill="none" stroke="#0f0" /> --> <g transform="translate(0 20)"> <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(39 0)" /> --> - <use id="RATIO_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="RATIO_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> </g> <use xlink:href="#dial-ratio-fmop" transform="translate(-10 0)"/> <g transform="translate(82 20)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 35) rotate(270)">FINE</text> - <use id="FINE_PARAM" xlink:href="#knob16" transform="translate(20 12)"/> + <def id="FINE_PARAM" xlink:href="#knob16" transform="translate(20 12)"/> <!-- <polyline points="0,50 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(28 -100)" /> --> </g> - <use xlink:href="#dial-centertick" transform="translate(90 20)"/> + <def xlink:href="#dial-centertick" transform="translate(90 20)"/> </g> <!-- <g transform="translate(87 90)"> --> <g transform="translate(87 94)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">ATT</text> - <use id="ATTACK_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <def id="ATTACK_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> <!-- <rect width="30" height="18" fill="#0f0" transform="translate(20 26)" /> --> <use xlink:href="#dial-time-fmop" transform="translate(10.5 -9.5)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/> + <def id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/> </g> <g transform="translate(87 139)"> <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(-140 -10)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">DEC</text> - <use id="DECAY_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <def id="DECAY_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> <!-- <rect width="30" height="18" fill="#0f0" transform="translate(20 26)" /> --> <use xlink:href="#dial-time-fmop" transform="translate(10.5 -9.5)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/> + <def id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/> </g> <g transform="translate(87 184)"> <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(-140 -10)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">SUS</text> - <use id="SUSTAIN_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <def id="SUSTAIN_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> <!-- <rect width="30" height="18" fill="#0f0" transform="translate(20 26)" /> --> - <use xlink:href="#dial-linear" transform="translate(10.5 -9.5)"/> - <use id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/> + <def xlink:href="#dial-linear" transform="translate(10.5 -9.5)"/> + <def id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/> </g> <g transform="translate(87 229)"> <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(-140 -10)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">REL</text> - <use id="RELEASE_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <def id="RELEASE_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> <!-- <rect width="30" height="18" fill="#0f0" transform="translate(20 26)" /> --> <use xlink:href="#dial-time-fmop" transform="translate(10.5 -9.5)"/> - <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/> + <def id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/> </g> <!-- <rect width="70" height="8" fill="#ff0" transform="translate(80 126)" /> --> @@ -175,31 +164,31 @@ <g transform="translate(16 106)"> <text font-size="8pt" letter-spacing="1px" transform="translate(8 38) rotate(270)">DEPTH</text> - <use id="DEPTH_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <def id="DEPTH_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> <g transform="translate(18.5 35)"> <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.2)">ENV</text> - <use id="ENV_TO_DEPTH_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)"/> + <def id="ENV_TO_DEPTH_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)"/> </g> - <use xlink:href="#dial-linear" transform="translate(10.5 -9.5)"/> + <def xlink:href="#dial-linear" transform="translate(10.5 -9.5)"/> </g> <g transform="translate(16 162)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 35) rotate(270)">FDBK</text> - <use id="FEEDBACK_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <def id="FEEDBACK_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> <g transform="translate(18.5 35)"> <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.2)">ENV</text> - <use id="ENV_TO_FEEDBACK_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)"/> + <def id="ENV_TO_FEEDBACK_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)"/> </g> - <use xlink:href="#dial-linear" transform="translate(10.5 -9.5)"/> + <def xlink:href="#dial-linear" transform="translate(10.5 -9.5)"/> </g> <g transform="translate(16 218)"> <!-- <polyline points="0,0 150,0" fill="none" stroke="#0f0" transform="translate(0 13)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 37.5) rotate(270)">LEVEL</text> - <use id="LEVEL_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <def id="LEVEL_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> <g transform="translate(18.5 35)"> <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.2)">ENV</text> - <use id="ENV_TO_LEVEL_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)"/> + <def id="ENV_TO_LEVEL_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)"/> </g> - <use xlink:href="#dial-linear" transform="translate(10.5 -9.5)"/> + <def xlink:href="#dial-linear" transform="translate(10.5 -9.5)"/> </g> <!-- <rect width="70" height="9" fill="#f0f" transform="translate(0 148)" /> --> @@ -214,37 +203,37 @@ <rect width="10" height="10" fill="#fafafa" transform="translate(97 81)"/> <g transform="translate(12 0)"> - <use id="DEPTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="DEPTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">DEPTH</text> </g> <g transform="translate(44 0)"> - <use id="FEEDBACK_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="FEEDBACK_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(3.5 40)">FDBK</text> </g> <g transform="translate(76 0)"> - <use id="LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">LEVEL</text> </g> <g transform="translate(108 0)"> - <use id="SUSTAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="SUSTAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(6 40)">SUS</text> </g> <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> </g> <g transform="translate(34 0)"> - <use id="FM_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="FM_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(8.5 40)">FM</text> </g> <g transform="translate(66 0)"> - <use id="GATE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="GATE_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">GATE</text> </g> <g transform="translate(98 0)"> - <use id="AUDIO_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="AUDIO_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(6 40)">OUT</text> </g> </g> diff --git a/res-src/FlipFlop-src.svg b/res-src/FlipFlop-src.svg @@ -2,11 +2,6 @@ <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/> - <defs> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -29,17 +24,17 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text> - <use id="RESET1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="RESET1_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 70)">RESET</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="A1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="A1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 32)">A</text> - <use id="B1_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <def id="B1_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 67)">B</text> </g> </g> @@ -48,17 +43,17 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text> - <use id="RESET2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="RESET2_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 70)">RESET</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="A2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="A2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 32)">A</text> - <use id="B2_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <def id="B2_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 67)">B</text> </g> </g> diff --git a/res-src/Follow-src.svg b/res-src/Follow-src.svg @@ -3,10 +3,6 @@ <style/> <defs> - <import id="knob29"/> - <import id="input"/> - <import id="output"/> - <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> @@ -57,22 +53,22 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(8.5 0)">DAMP</text> - <use id="RESPONSE_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="RESPONSE_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-response-follow" transform="translate(0 3)"/> <g transform="translate(5.5 49)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="RESPONSE_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="RESPONSE_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="GAIN_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="GAIN_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-scale-follow" transform="translate(0 3)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="GAIN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="GAIN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> </g> @@ -81,13 +77,13 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/FourMan-src.svg b/res-src/FourMan-src.svg @@ -2,11 +2,6 @@ <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/> - <defs> - <import id="button"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -24,7 +19,7 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/> <rect width="34" height="33" rx="5" fill="#fafafa"/> - <use id="TRIGGER1_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <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> </g> @@ -32,7 +27,7 @@ <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="38" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text> </g> </g> @@ -42,7 +37,7 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/> <rect width="34" height="33" rx="5" fill="#fafafa"/> - <use id="TRIGGER2_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <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> </g> @@ -50,7 +45,7 @@ <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="38" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text> </g> </g> @@ -60,7 +55,7 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/> <rect width="34" height="33" rx="5" fill="#fafafa"/> - <use id="TRIGGER3_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <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> </g> @@ -68,7 +63,7 @@ <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="38" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> + <def id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text> </g> </g> @@ -78,7 +73,7 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/> <rect width="34" height="33" rx="5" fill="#fafafa"/> - <use id="TRIGGER4_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <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> </g> @@ -86,7 +81,7 @@ <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="38" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> + <def id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text> </g> </g> diff --git a/res-src/Inv-src.svg b/res-src/Inv-src.svg @@ -2,14 +2,6 @@ <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/> - <defs> - <import id="button"/> - <import id="button-small"/> - <import id="input"/> - <import id="output"/> - <import id="light-small"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -27,21 +19,21 @@ <g transform="translate(5.5 0)"> <rect width="34" height="113" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 103)"/> - <use id="GATE1_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <use id="GATE1_INPUT" xlink:href="#input" transform="translate(5 26)"/> + <def id="GATE1_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <def id="GATE1_INPUT" xlink:href="#input" transform="translate(5 26)"/> <text 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> - <use id="LATCH1_PARAM" xlink:href="#button-small" transform="translate(24 64)"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 78)"/> + <def id="LATCH1_PARAM" xlink:href="#button-small" transform="translate(24 64)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 78)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(13 110)">IN</text> </g> <g transform="translate(5.5 113)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="39" rx="5" fill="#bbb"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(14 35)">OUT</text> - <use id="LOW1_LIGHT" xlink:href="#light-small" transform="translate(5 29.3)"/> - <use id="HIGH1_LIGHT" xlink:href="#light-small" transform="translate(5 29.3)"/> + <def id="LOW1_LIGHT" xlink:href="#light-small" transform="translate(5 29.3)"/> + <def id="HIGH1_LIGHT" xlink:href="#light-small" transform="translate(5 29.3)"/> </g> </g> @@ -49,21 +41,21 @@ <g transform="translate(5.5 0)"> <rect width="34" height="113" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 103)"/> - <use id="GATE2_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <use id="GATE2_INPUT" xlink:href="#input" transform="translate(5 26)"/> + <def id="GATE2_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <def id="GATE2_INPUT" xlink:href="#input" transform="translate(5 26)"/> <text 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> - <use id="LATCH2_PARAM" xlink:href="#button-small" transform="translate(24 64)"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 78)"/> + <def id="LATCH2_PARAM" xlink:href="#button-small" transform="translate(24 64)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(5 78)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(13 110)">IN</text> </g> <g transform="translate(5.5 113)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="39" rx="5" fill="#bbb"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(14 35)">OUT</text> - <use id="LOW2_LIGHT" xlink:href="#light-small" transform="translate(5 29.3)"/> - <use id="HIGH2_LIGHT" xlink:href="#light-small" transform="translate(5 29.3)"/> + <def id="LOW2_LIGHT" xlink:href="#light-small" transform="translate(5 29.3)"/> + <def id="HIGH2_LIGHT" xlink:href="#light-small" transform="translate(5 29.3)"/> </g> </g> </svg> diff --git a/res-src/LFO-src.svg b/res-src/LFO-src.svg @@ -2,20 +2,6 @@ <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/> - <defs> - <import id="knob68"/> - <import id="knob26"/> - <import id="knob16"/> - <import id="dial-frequency-lfo"/> - <import id="dial-attenuverter"/> - <import id="dial-linear"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -36,9 +22,9 @@ <!-- <rect width="108" height="108" fill="none" stroke="#0f0" /> --> <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> --> <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> + <def id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> </g> - <use xlink:href="#dial-frequency-lfo" transform="translate(11 15)"/> + <def xlink:href="#dial-frequency-lfo" transform="translate(11 15)"/> <!-- <rect width="20" height="10" fill="#0f0" transform="translate(20 130)" /> --> <!-- <rect width="20" height="10" fill="#0f0" transform="translate(108 130)" /> --> @@ -46,7 +32,7 @@ <g transform="translate(110.5 238.5)"> <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(26.5 -1)"/> + <def id="SLOW_PARAM" xlink:href="#button-small" transform="translate(26.5 -1)"/> </g> <g transform="translate(10 150)"> @@ -54,31 +40,31 @@ <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> --> <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 0)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 27) rotate(270)">SAM</text> - <use id="SAMPLE_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <def id="SAMPLE_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> </g> - <use xlink:href="#dial-linear" transform="translate(17.5 -9.6)"/> + <def xlink:href="#dial-linear" transform="translate(17.5 -9.6)"/> <g transform="translate(72 0)"> <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> --> <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 0)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 22.5) rotate(270)">PW</text> - <use id="PW_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> + <def id="PW_PARAM" xlink:href="#knob26" transform="translate(20 0)"/> </g> - <use xlink:href="#dial-attenuverter" transform="translate(82.5 -9.6)"/> + <def xlink:href="#dial-attenuverter" transform="translate(82.5 -9.6)"/> </g> <g transform="translate(10 196)"> <g transform="translate(7 0)"> <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 18) rotate(270)">OFF</text> - <use id="OFFSET_PARAM" xlink:href="#knob16" transform="translate(25 0)"/> + <def id="OFFSET_PARAM" xlink:href="#knob16" transform="translate(25 0)"/> </g> - <use xlink:href="#dial-centertick" transform="translate(20 -12)"/> + <def xlink:href="#dial-centertick" transform="translate(20 -12)"/> <g transform="translate(72 0)"> <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 18) rotate(270)">SCL</text> - <use id="SCALE_PARAM" xlink:href="#knob16" transform="translate(25 0)"/> + <def id="SCALE_PARAM" xlink:href="#knob16" transform="translate(25 0)"/> </g> - <use xlink:href="#dial-mintick" transform="translate(85 -12)"/> + <def xlink:href="#dial-mintick" transform="translate(85 -12)"/> </g> <!-- <rect width="50" height="10" fill="#0f0" transform="translate(0 137)" /> --> @@ -94,15 +80,15 @@ <rect width="10" height="8" fill="#fafafa" transform="translate(65 127)"/> <g transform="translate(12 0)"> - <use id="SAMPLE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="SAMPLE_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(5 40)">SAM</text> </g> <g transform="translate(44 0)"> - <use id="PW_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="PW_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(8 40)">PW</text> </g> <g transform="translate(76 0)"> - <use id="RAMP_DOWN_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="RAMP_DOWN_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <!-- <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" /> --> @@ -112,21 +98,21 @@ <g transform="translate(0 44)"> <g transform="translate(12 0)"> - <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="OFFSET_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(6.5 40)">OFF</text> </g> <g transform="translate(44 0)"> - <use id="SCALE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="SCALE_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(6.5 40)">SCL</text> </g> <g transform="translate(76 0)"> - <use id="RAMP_UP_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <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" stroke="#333" fill="none"/> </g> </g> <g transform="translate(108 0)"> - <use id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <!-- <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" /> --> @@ -136,15 +122,15 @@ <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> </g> <g transform="translate(34 0)"> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="RESET_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(0.7 40)">RESET</text> </g> <g transform="translate(66 0)"> - <use id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <!-- <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" /> --> @@ -152,7 +138,7 @@ </g> </g> <g transform="translate(98 0)"> - <use id="SINE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="SINE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <!-- <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" /> --> diff --git a/res-src/LLFO-src.svg b/res-src/LLFO-src.svg @@ -3,15 +3,6 @@ <style/> <defs> - <import id="knob26"/> - <import id="knob16"/> - <import id="dial-mintick"/> - <import id="dial-centertick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-small"/> - <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" stroke="#333" transform="rotate(-240) translate(15 0)"/> @@ -59,20 +50,20 @@ <g transform="translate(0 25)"> <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 2)"/> + <def id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 2)"/> <use xlink:href="#dial-frequency-llfo" transform="translate(0 -7.5)"/> </g> <g transform="translate(0 72)"> <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/> + <def id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/> </g> <g transform="translate(0.5 88)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -8)" /> --> <g transform="translate(9 0)"> <g transform="translate(0 0)"> - <use id="SINE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="SINE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <g transform="translate(1 1) scale(0.8)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none"/> @@ -81,7 +72,7 @@ </g> <g transform="translate(0 13)"> - <use id="RAMP_UP_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="RAMP_UP_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <g transform="translate(1 1) scale(0.8)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/> @@ -89,7 +80,7 @@ </g> <g transform="translate(0 26)"> - <use id="SQUARE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="SQUARE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <g transform="translate(1 1) scale(0.8)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -99,7 +90,7 @@ <g transform="translate(31 0)"> <g transform="translate(0 0)"> - <use id="TRIANGLE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="TRIANGLE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <g transform="translate(1 1) scale(0.8)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -107,7 +98,7 @@ </g> <g transform="translate(0 13)"> - <use id="RAMP_DOWN_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="RAMP_DOWN_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <g transform="translate(1 1) scale(0.8)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,8 0,0 12,8" stroke-width="1" stroke="#333" fill="none"/> @@ -115,7 +106,7 @@ </g> <g transform="translate(0 26)"> - <use id="PULSE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="PULSE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <g transform="translate(1 1) scale(0.8)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 0,0 3,0 3,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -123,21 +114,21 @@ </g> </g> - <use id="WAVE_PARAM" xlink:href="#button-small" transform="translate(17.5 38)"/> + <def id="WAVE_PARAM" xlink:href="#button-small" transform="translate(17.5 38)"/> </g> <g transform="translate(0 149)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(3 0)">OFFSET</text> - <use id="OFFSET_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -2.5)"/> + <def id="OFFSET_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> + <def xlink:href="#dial-centertick" transform="translate(2.2 -2.5)"/> </g> <g transform="translate(0 190)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(6.6 0)">SCALE</text> - <use id="SCALE_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-mintick" transform="translate(2.2 -2.5)"/> + <def id="SCALE_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> + <def xlink:href="#dial-mintick" transform="translate(2.2 -2.5)"/> </g> <g transform="translate(0 228)"> @@ -145,15 +136,15 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="RESET_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 70)">RESET</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/LVCF-src.svg b/res-src/LVCF-src.svg @@ -3,14 +3,6 @@ <style/> <defs> - <import id="knob26"/> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-small"/> - <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> @@ -62,63 +54,63 @@ <g transform="translate(0 31)"> <text font-size="6pt" letter-spacing="1px" transform="translate(5 0)">CUTOFF</text> - <use id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 8)"/> + <def id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 8)"/> <use xlink:href="#dial-cutoff-lvcf" transform="translate(0 -1.5)"/> </g> <g transform="translate(0 84)"> <text font-size="6pt" letter-spacing="2px" transform="translate(16 0)">CV</text> - <use id="FREQUENCY_CV_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -2.5)"/> + <def id="FREQUENCY_CV_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> + <def xlink:href="#dial-centertick" transform="translate(2.2 -2.5)"/> </g> <g transform="translate(0 130)"> <text font-size="6pt" letter-spacing="1px" transform="translate(5 0)">RES/BW</text> - <use id="Q_PARAM" xlink:href="#knob26" transform="translate(9.5 8)"/> + <def id="Q_PARAM" xlink:href="#knob26" transform="translate(9.5 8)"/> <use xlink:href="#dial-q-lvcf" transform="translate(0 -1.5)"/> </g> <g transform="translate(0.5 180)"> <g transform="translate(10 0)"> <g transform="translate(0 0)"> - <use id="LOWPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="LOWPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">LP</text> </g> <g transform="translate(0 13)"> - <use id="BANDPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="BANDPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <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)"> - <use id="HIGHPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="HIGHPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">HP</text> </g> <g transform="translate(0 13)"> - <use id="BANDREJECT_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="BANDREJECT_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">BR</text> </g> </g> - <use id="MODE_PARAM" xlink:href="#button-small" transform="translate(17.5 24)"/> + <def id="MODE_PARAM" xlink:href="#button-small" transform="translate(17.5 24)"/> </g> <g transform="translate(0 225)"> <g transform="translate(5.5 0)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> - <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 70)">CV</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/LVCO-src.svg b/res-src/LVCO-src.svg @@ -3,14 +3,6 @@ <style/> <defs> - <import id="knob26"/> - <import id="knob16"/> - <import id="dial-mintick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-small"/> - <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" stroke="#333" transform="rotate(-240) translate(15 0)"/> @@ -49,20 +41,20 @@ <g transform="translate(0 25)"> <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 2)"/> + <def id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 2)"/> <use xlink:href="#dial-frequency-lvco" transform="translate(0 -7.5)"/> </g> <g transform="translate(0 63)"> <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/> + <def id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/> </g> <g transform="translate(0.5 86)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -8)" /> --> <g transform="translate(9 0)"> <g transform="translate(0 0)"> - <use id="SINE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="SINE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <g transform="translate(1 1) scale(0.8)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none"/> @@ -71,7 +63,7 @@ </g> <g transform="translate(0 13)"> - <use id="SAW_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="SAW_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <g transform="translate(1 1) scale(0.8)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/> @@ -79,7 +71,7 @@ </g> <g transform="translate(0 26)"> - <use id="PULSE_25_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="PULSE_25_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <g transform="translate(1 1) scale(0.8)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 0,0 4.5,0 4.5,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -89,7 +81,7 @@ <g transform="translate(31 0)"> <g transform="translate(0 0)"> - <use id="TRIANGLE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="TRIANGLE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <g transform="translate(1 1) scale(0.8)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -97,7 +89,7 @@ </g> <g transform="translate(0 13)"> - <use id="SQUARE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="SQUARE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <g transform="translate(1 1) scale(0.8)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -105,7 +97,7 @@ </g> <g transform="translate(0 26)"> - <use id="PULSE_10_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="PULSE_10_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <g transform="translate(1 1) scale(0.8)"> <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> --> <polyline points="0,4 0,0 3,0 3,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/> @@ -113,14 +105,14 @@ </g> </g> - <use id="WAVE_PARAM" xlink:href="#button-small" transform="translate(17.5 38)"/> + <def id="WAVE_PARAM" xlink:href="#button-small" transform="translate(17.5 38)"/> </g> <g transform="translate(0 150.5)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(16 0)">FM</text> - <use id="FM_DEPTH_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-mintick" transform="translate(2.2 -2.5)"/> + <def id="FM_DEPTH_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> + <def xlink:href="#dial-mintick" transform="translate(2.2 -2.5)"/> </g> <g transform="translate(0 193)"> @@ -128,17 +120,17 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/> <rect width="34" height="105" rx="5" fill="#fafafa"/> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text> - <use id="FM_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FM_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 70)">FM</text> - <use id="SYNC_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="SYNC_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5 105)">SYNC</text> </g> <g transform="translate(5.5 111)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/Lag-src.svg b/res-src/Lag-src.svg @@ -3,13 +3,6 @@ <style/> <defs> - <import id="knob29"/> - <import id="knob16"/> - <import id="dial-time"/> - <import id="dial-scale"/> - <import id="input"/> - <import id="output"/> - <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> @@ -44,24 +37,24 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(9.5 0)">TIME</text> - <use id="TIME_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> - <use xlink:href="#dial-time" transform="translate(0 3)"/> - <use id="TIME_SCALE_PARAM" xlink:href="#knob16" transform="translate(14.5 59)"/> - <use xlink:href="#dial-scale" transform="translate(0 44.5)"/> + <def id="TIME_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def xlink:href="#dial-time" transform="translate(0 3)"/> + <def id="TIME_SCALE_PARAM" xlink:href="#knob16" transform="translate(14.5 59)"/> + <def xlink:href="#dial-scale" transform="translate(0 44.5)"/> <g transform="translate(5.5 79)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="TIME_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="TIME_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="SHAPE_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="SHAPE_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-shape-lag" transform="translate(0 3)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="SHAPE_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="SHAPE_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> </g> @@ -70,13 +63,13 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/Lmtr-src.svg b/res-src/Lmtr-src.svg @@ -2,15 +2,6 @@ <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/> - <defs> - <import id="knob38"/> - <import id="dial-threshold"/> - <import id="dial-outputgain"/> - <import id="switch"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -30,20 +21,20 @@ <g transform="translate(0 40)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 0)">THRESHOLD</text> - <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> - <use xlink:href="#dial-threshold" transform="translate(10 -4)"/> + <def id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> + <def xlink:href="#dial-threshold" transform="translate(10 -4)"/> </g> <g transform="translate(0 122)"> <text font-size="8pt" letter-spacing="2px" transform="translate(15.5 0)">OUT GAIN</text> - <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> - <use xlink:href="#dial-outputgain" transform="translate(10 -4)"/> + <def id="OUTPUT_GAIN_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> + <def xlink:href="#dial-outputgain" transform="translate(10 -4)"/> </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> - <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text> </g> @@ -51,21 +42,21 @@ <g transform="translate(0 0)"> <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)"/> <rect width="68" height="73" rx="5" fill="#fafafa"/> - <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <def id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text> - <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/> + <def id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text> - <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)"/> + <def id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">TRSH</text> - <use id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(39 40)"/> + <def id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(39 40)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(42 72)">OGN</text> </g> <g transform="translate(0 79)"> <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="68" height="37" rx="5" fill="#bbb"/> - <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <def id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text> - <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> + <def id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text> </g> </g> diff --git a/res-src/Manual-src.svg b/res-src/Manual-src.svg @@ -2,11 +2,6 @@ <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/> - <defs> - <import id="button"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -25,7 +20,7 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/> <rect width="34" height="33" rx="5" fill="#fafafa"/> - <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <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> </g> </g> @@ -36,15 +31,15 @@ <rect width="34" height="250" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 30)"/> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 60)"/> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 90)"/> - - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(3 120)"/> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(3 150)"/> - <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(3 180)"/> - <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(3 210)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 30)"/> + <def id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 60)"/> + <def id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 90)"/> + + <def id="OUT5_OUTPUT" xlink:href="#output" transform="translate(3 120)"/> + <def id="OUT6_OUTPUT" xlink:href="#output" transform="translate(3 150)"/> + <def id="OUT7_OUTPUT" xlink:href="#output" transform="translate(3 180)"/> + <def id="OUT8_OUTPUT" xlink:href="#output" transform="translate(3 210)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 244)">OUT</text> </g> diff --git a/res-src/Matrix44-src.svg b/res-src/Matrix44-src.svg @@ -2,13 +2,6 @@ <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/> - <defs> - <import id="knob19"/> - <import id="dial-centertick-19"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -29,86 +22,86 @@ <g transform="translate(13.5 42.5)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text> - <use id="MIX11_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX11_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(13.5 99)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2A</text> - <use id="MIX21_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX21_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(13.5 155)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3A</text> - <use id="MIX31_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX31_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(13.5 211)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4A</text> - <use id="MIX41_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX41_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(45.5 42.5)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1B</text> - <use id="MIX12_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX12_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(45.5 99)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2B</text> - <use id="MIX22_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX22_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(45.5 155)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3B</text> - <use id="MIX32_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX32_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(45.5 211)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4B</text> - <use id="MIX42_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX42_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(77.5 42.5)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1C</text> - <use id="MIX13_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX13_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(77.5 99)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2C</text> - <use id="MIX23_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX23_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(77.5 155)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3C</text> - <use id="MIX33_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX33_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(77.5 211)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4C</text> - <use id="MIX43_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX43_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(109.5 42.5)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1D</text> - <use id="MIX14_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX14_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(109.5 99)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2D</text> - <use id="MIX24_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX24_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(109.5 155)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3D</text> - <use id="MIX34_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX34_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(109.5 211)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4D</text> - <use id="MIX44_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> + <def id="MIX44_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 6)"/> </g> <g transform="translate(0 269)"> @@ -117,37 +110,37 @@ <rect width="130" height="10" fill="#fafafa" transform="translate(10 34)"/> <g transform="translate(12 0)"> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">1</text> </g> <g transform="translate(44 0)"> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">2</text> </g> <g transform="translate(76 0)"> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="IN3_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">3</text> </g> <g transform="translate(108 0)"> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="IN4_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.4 40)">4</text> </g> <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.2 40)">A</text> </g> <g transform="translate(34 0)"> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">B</text> </g> <g transform="translate(66 0)"> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">C</text> </g> <g transform="translate(98 0)"> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">D</text> </g> </g> diff --git a/res-src/Matrix88-src.svg b/res-src/Matrix88-src.svg @@ -2,13 +2,6 @@ <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/> - <defs> - <import id="knob19"/> - <import id="dial-centertick-19"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -26,290 +19,290 @@ <g transform="translate(5.5 25)"> <rect width="34" height="293" rx="5" fill="#fafafa" transform="translate(0 0)"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)"/> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)"/> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)"/> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)"/> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)"/> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)"/> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)"/> + <def id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)"/> + <def id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)"/> + <def id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)"/> + <def id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)"/> + <def id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)"/> + <def id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)"/> </g> <g transform="translate(46.5 323)"> <rect width="278.5" height="34" rx="5" fill="#bbb" transform="translate(0 0)"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 5)"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(40 5)"/> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(75 5)"/> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(110 5)"/> - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(145 5)"/> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(180 5)"/> - <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(215 5)"/> - <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(250 5)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 5)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(40 5)"/> + <def id="OUT3_OUTPUT" xlink:href="#output" transform="translate(75 5)"/> + <def id="OUT4_OUTPUT" xlink:href="#output" transform="translate(110 5)"/> + <def id="OUT5_OUTPUT" xlink:href="#output" transform="translate(145 5)"/> + <def id="OUT6_OUTPUT" xlink:href="#output" transform="translate(180 5)"/> + <def id="OUT7_OUTPUT" xlink:href="#output" transform="translate(215 5)"/> + <def id="OUT8_OUTPUT" xlink:href="#output" transform="translate(250 5)"/> </g> <g transform="translate(50 24)"> - <use id="MIX11_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX11_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(50 61)"> - <use id="MIX21_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX21_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(50 98)"> - <use id="MIX31_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX31_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(50 135)"> - <use id="MIX41_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX41_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(50 172)"> - <use id="MIX51_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX51_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(50 209)"> - <use id="MIX61_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX61_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(50 246)"> - <use id="MIX71_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX71_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(50 283)"> - <use id="MIX81_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX81_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(85 24)"> - <use id="MIX12_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX12_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(85 61)"> - <use id="MIX22_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX22_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(85 98)"> - <use id="MIX32_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX32_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(85 135)"> - <use id="MIX42_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX42_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(85 172)"> - <use id="MIX52_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX52_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(85 209)"> - <use id="MIX62_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX62_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(85 246)"> - <use id="MIX72_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX72_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(85 283)"> - <use id="MIX82_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX82_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(120 24)"> - <use id="MIX13_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX13_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(120 61)"> - <use id="MIX23_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX23_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(120 98)"> - <use id="MIX33_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX33_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(120 135)"> - <use id="MIX43_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX43_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(120 172)"> - <use id="MIX53_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX53_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(120 209)"> - <use id="MIX63_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX63_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(120 246)"> - <use id="MIX73_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX73_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(120 283)"> - <use id="MIX83_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX83_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(155 24)"> - <use id="MIX14_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX14_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(155 61)"> - <use id="MIX24_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX24_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(155 98)"> - <use id="MIX34_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX34_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(155 135)"> - <use id="MIX44_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX44_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(155 172)"> - <use id="MIX54_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX54_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(155 209)"> - <use id="MIX64_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX64_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(155 246)"> - <use id="MIX74_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX74_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(155 283)"> - <use id="MIX84_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX84_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(190 24)"> - <use id="MIX15_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX15_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(190 61)"> - <use id="MIX25_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX25_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(190 98)"> - <use id="MIX35_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX35_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(190 135)"> - <use id="MIX45_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX45_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(190 172)"> - <use id="MIX55_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX55_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(190 209)"> - <use id="MIX65_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX65_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(190 246)"> - <use id="MIX75_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX75_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(190 283)"> - <use id="MIX85_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX85_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(225 24)"> - <use id="MIX16_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX16_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(225 61)"> - <use id="MIX26_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX26_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(225 98)"> - <use id="MIX36_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX36_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(225 135)"> - <use id="MIX46_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX46_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(225 172)"> - <use id="MIX56_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX56_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(225 209)"> - <use id="MIX66_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX66_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(225 246)"> - <use id="MIX76_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX76_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(225 283)"> - <use id="MIX86_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX86_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(260 24)"> - <use id="MIX17_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX17_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(260 61)"> - <use id="MIX27_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX27_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(260 98)"> - <use id="MIX37_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX37_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(260 135)"> - <use id="MIX47_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX47_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(260 172)"> - <use id="MIX57_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX57_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(260 209)"> - <use id="MIX67_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX67_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(260 246)"> - <use id="MIX77_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX77_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(260 283)"> - <use id="MIX87_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX87_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(295 24)"> - <use id="MIX18_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX18_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(295 61)"> - <use id="MIX28_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX28_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(295 98)"> - <use id="MIX38_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX38_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(295 135)"> - <use id="MIX48_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX48_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(295 172)"> - <use id="MIX58_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX58_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(295 209)"> - <use id="MIX68_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX68_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(295 246)"> - <use id="MIX78_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX78_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <g transform="translate(295 283)"> - <use id="MIX88_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="MIX88_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> </g> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> diff --git a/res-src/Mix1-src.svg b/res-src/Mix1-src.svg @@ -2,14 +2,6 @@ <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/> - <defs> - <import id="slider-151"/> - <import id="sliderdial-db-151"/> - <import id="button"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -29,26 +21,26 @@ </g> <g transform="translate(0 18)"> - <use xlink:href="#sliderdial-db-151" transform="translate(0 0)"/> - <use id="LEVEL_PARAM" xlink:href="#slider-151" transform="translate(13.5 0)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 0)"/> + <def id="LEVEL_PARAM" xlink:href="#slider-151" transform="translate(13.5 0)"/> </g> <g transform="translate(0 173)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 120)"/> <rect width="34" height="127" rx="5" fill="#fafafa"/> - <use id="MUTE_PARAM" xlink:href="#button" transform="translate(8 3)"/> - <use id="MUTE_INPUT" xlink:href="#input" transform="translate(5 25)"/> + <def id="MUTE_PARAM" xlink:href="#button" transform="translate(8 3)"/> + <def id="MUTE_INPUT" xlink:href="#input" transform="translate(5 25)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5 57)">MUTE</text> - <use id="LEVEL_INPUT" xlink:href="#input" transform="translate(5 60)"/> + <def id="LEVEL_INPUT" xlink:href="#input" transform="translate(5 60)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 92)">LEVEL</text> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 95)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 95)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 127)">IN</text> </g> <g transform="translate(5.5 133)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/Mix2-src.svg b/res-src/Mix2-src.svg @@ -2,14 +2,6 @@ <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/> - <defs> - <import id="slider-151"/> - <import id="sliderdial-db-151"/> - <import id="button"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -22,12 +14,12 @@ </g> <g transform="translate(0 32)"> - <use xlink:href="#sliderdial-db-151" transform="translate(15 0)"/> - <use id="LEVEL_PARAM" xlink:href="#slider-151" transform="translate(28.5 0)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(15 0)"/> + <def id="LEVEL_PARAM" xlink:href="#slider-151" transform="translate(28.5 0)"/> </g> <g transform="translate(15 197)"> - <use id="MUTE_PARAM" xlink:href="#button" transform="translate(13.5 0)"/> + <def id="MUTE_PARAM" xlink:href="#button" transform="translate(13.5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 27)">MUTE</text> </g> @@ -35,21 +27,21 @@ <g transform="translate(5.5 0)"> <rect width="64" height="10" fill="#fafafa" transform="translate(0 66)"/> <rect width="64" height="73" rx="5" fill="#fafafa"/> - <use id="LEVEL_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <def id="LEVEL_INPUT" xlink:href="#input" transform="translate(5 4)"/> <text font-size="5pt" letter-spacing="1.5px" transform="translate(4.5 36)">LEVEL</text> - <use id="MUTE_INPUT" xlink:href="#input" transform="translate(35 4)"/> + <def id="MUTE_INPUT" xlink:href="#input" transform="translate(35 4)"/> <text font-size="5pt" letter-spacing="1.5px" transform="translate(35.5 36)">MUTE</text> - <use id="L_INPUT" xlink:href="#input" transform="translate(5 40)"/> + <def id="L_INPUT" xlink:href="#input" transform="translate(5 40)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 72)">L</text> - <use id="R_INPUT" xlink:href="#input" transform="translate(35 40)"/> + <def id="R_INPUT" xlink:href="#input" transform="translate(35 40)"/> <text font-size="5pt" letter-spacing="0.5px" transform="translate(39 72)">R (L)</text> </g> <g transform="translate(5.5 79)"> <rect width="64" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="64" height="37" rx="5" fill="#bbb"/> - <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <def id="L_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 33)">L</text> - <use id="R_OUTPUT" xlink:href="#output" transform="translate(35 1)"/> + <def id="R_OUTPUT" xlink:href="#output" transform="translate(35 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(45 33)">R</text> </g> </g> diff --git a/res-src/Mix4-src.svg b/res-src/Mix4-src.svg @@ -2,16 +2,6 @@ <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/> - <defs> - <import id="slider-151"/> - <import id="sliderdial-db-151"/> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="button"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -31,20 +21,20 @@ <g transform="translate(4 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL1_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="LEVEL1_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MUTE1_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN1_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <def id="PAN1_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 191)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="PAN1_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="8" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -53,20 +43,20 @@ <g transform="translate(47 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH2</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL2_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="LEVEL2_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MUTE2_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN2_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <def id="PAN2_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 191)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="PAN2_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="8" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -75,20 +65,20 @@ <g transform="translate(90 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH3</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL3_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="LEVEL3_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MUTE3_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN3_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <def id="PAN3_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 191)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN3_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="PAN3_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="IN3_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="8" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -97,20 +87,20 @@ <g transform="translate(133 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH4</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL4_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="LEVEL4_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MUTE4_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN4_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <def id="PAN4_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 191)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV4_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN4_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="PAN4_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="IN4_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="8" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -119,21 +109,21 @@ <g transform="translate(176 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">MIX</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="MIX_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MIX_MUTE_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="MIX_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MIX_MUTE_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="MIX_DIM_PARAM" xlink:href="#button" transform="translate(13.5 198)"/> + <def id="MIX_DIM_PARAM" xlink:href="#button" transform="translate(13.5 198)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14.5 225)">DIM</text> <g transform="translate(5.5 229)"> <rect width="34" height="50" rx="5" fill="#fafafa"/> - <use id="MIX_CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="MIX_CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> <rect width="34" height="73" rx="5" fill="#bbb" transform="translate(0 38)"/> <rect width="34" height="5" fill="#bbb" transform="translate(0 38)"/> - <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 41)"/> + <def id="L_OUTPUT" xlink:href="#output" transform="translate(5 41)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 73)">L</text> - <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 76)"/> + <def id="R_OUTPUT" xlink:href="#output" transform="translate(5 76)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 108)">R</text> </g> </g> diff --git a/res-src/Mix4x-src.svg b/res-src/Mix4x-src.svg @@ -2,16 +2,6 @@ <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/> - <defs> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-tiny"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -31,120 +21,120 @@ <g transform="translate(4 20)"> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> - <use id="LOW1_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <def id="LOW1_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 11)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID1_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <def id="MID1_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 57)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH1_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <def id="HIGH1_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 103)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A1_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <def id="A1_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 148)"/> <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> - <use id="PRE_A1_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B1_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <def id="PRE_A1_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> + <def id="B1_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 204)"/> <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> - <use id="PRE_B1_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <def id="PRE_B1_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> <g transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="B1_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text 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> - <use id="LOW2_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <def id="LOW2_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 11)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID2_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <def id="MID2_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 57)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH2_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <def id="HIGH2_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 103)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A2_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <def id="A2_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 148)"/> <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> - <use id="PRE_A2_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B2_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <def id="PRE_A2_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> + <def id="B2_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 204)"/> <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> - <use id="PRE_B2_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <def id="PRE_B2_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> <g transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A2_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="B2_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text 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> - <use id="LOW3_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <def id="LOW3_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 11)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID3_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <def id="MID3_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 57)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH3_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <def id="HIGH3_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 103)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A3_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <def id="A3_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 148)"/> <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> - <use id="PRE_A3_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B3_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <def id="PRE_A3_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> + <def id="B3_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 204)"/> <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> - <use id="PRE_B3_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <def id="PRE_B3_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> <g transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A3_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A3_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B3_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="B3_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text 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> - <use id="LOW4_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <def id="LOW4_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 11)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID4_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <def id="MID4_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 57)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH4_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <def id="HIGH4_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 103)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A4_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <def id="A4_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 148)"/> <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> - <use id="PRE_A4_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B4_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <def id="PRE_A4_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> + <def id="B4_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 204)"/> <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> - <use id="PRE_B4_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <def id="PRE_B4_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> <g transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A4_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A4_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B4_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="B4_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> </g> </g> @@ -153,17 +143,17 @@ <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <g transform="translate(5.5 1)"> <rect width="34" height="50" rx="5" fill="#bbb"/> - <use id="SEND_A_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="SEND_A_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14.7 35)">A</text> <rect width="34" height="146" rx="5" fill="#fafafa" transform="translate(0 38)"/> <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)"/> - <use id="L_A_INPUT" xlink:href="#input" transform="translate(5 41)"/> + <def id="L_A_INPUT" xlink:href="#input" transform="translate(5 41)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text> - <use id="R_A_INPUT" xlink:href="#input" transform="translate(5 76)"/> + <def id="R_A_INPUT" xlink:href="#input" transform="translate(5 76)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> - <use id="LEVEL_A_PARAM" xlink:href="#knob16" transform="translate(9 117)"/> + <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> - <use id="LEVEL_A_INPUT" xlink:href="#input" transform="translate(5 149)"/> + <def id="LEVEL_A_INPUT" xlink:href="#input" transform="translate(5 149)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 181)">CV</text> <!-- <g transform="translate(0 29.5)"> --> <!-- <rect width="9" height="36" rx="5" fill="#fafafa" transform="translate(-9 8.5)" /> --> @@ -171,22 +161,22 @@ <!-- <text font-size="5pt" letter-spacing="2px" transform="translate(-1 40) rotate(-90)">AUX A</text> --> <!-- </g> --> </g> - <use xlink:href="#dial-mintick" transform="translate(2.5 106)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 106)"/> <g transform="translate(5.5 191)"> <rect width="34" height="50" rx="5" fill="#bbb"/> - <use id="SEND_B_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="SEND_B_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14.8 35)">B</text> <rect width="34" height="111" rx="5" fill="#fafafa" transform="translate(0 38)"/> <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)"/> - <use id="L_B_INPUT" xlink:href="#input" transform="translate(5 41)"/> + <def id="L_B_INPUT" xlink:href="#input" transform="translate(5 41)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text> - <use id="R_B_INPUT" xlink:href="#input" transform="translate(5 76)"/> + <def id="R_B_INPUT" xlink:href="#input" transform="translate(5 76)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> - <use id="LEVEL_B_PARAM" xlink:href="#knob16" transform="translate(9 117)"/> + <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> </g> - <use xlink:href="#dial-mintick" transform="translate(2.5 296)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 296)"/> <!-- <polyline points="0,0 0,350" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> </g> </svg> diff --git a/res-src/Mix8-src.svg b/res-src/Mix8-src.svg @@ -2,16 +2,6 @@ <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/> - <defs> - <import id="slider-151"/> - <import id="sliderdial-db-151"/> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="button"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 404,1 404,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -31,20 +21,20 @@ <g transform="translate(4 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL1_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="LEVEL1_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MUTE1_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN1_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <def id="PAN1_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 191)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="PAN1_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -53,20 +43,20 @@ <g transform="translate(48 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH2</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL2_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="LEVEL2_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MUTE2_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN2_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <def id="PAN2_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 191)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="PAN2_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -75,20 +65,20 @@ <g transform="translate(92 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH3</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL3_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="LEVEL3_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MUTE3_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN3_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <def id="PAN3_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 191)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN3_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="PAN3_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="IN3_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -97,20 +87,20 @@ <g transform="translate(136 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH4</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL4_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="LEVEL4_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MUTE4_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN4_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <def id="PAN4_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 191)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV4_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN4_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="PAN4_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="IN4_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -119,20 +109,20 @@ <g transform="translate(180 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH5</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL5_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE5_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="LEVEL5_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MUTE5_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN5_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <def id="PAN5_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 191)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV5_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV5_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN5_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="PAN5_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="IN5_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -141,20 +131,20 @@ <g transform="translate(224 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH6</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL6_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE6_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="LEVEL6_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MUTE6_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN6_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <def id="PAN6_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 191)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV6_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV6_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN6_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="PAN6_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="IN6_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -163,20 +153,20 @@ <g transform="translate(268 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH7</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL7_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE7_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="LEVEL7_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MUTE7_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN7_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <def id="PAN7_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 191)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV7_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV7_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN7_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="PAN7_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="IN7_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -185,20 +175,20 @@ <g transform="translate(312 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH8</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="LEVEL8_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MUTE8_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="LEVEL8_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MUTE8_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="PAN8_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <def id="PAN8_PARAM" xlink:href="#knob16" transform="translate(14.5 203)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 191)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#fafafa"/> - <use id="CV8_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV8_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="PAN8_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="PAN8_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="IN8_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text> </g> <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> --> @@ -207,21 +197,21 @@ <g transform="translate(356 20)"> <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">MIX</text> - <use xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> - <use id="MIX_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> - <use id="MIX_MUTE_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 12)"/> + <def id="MIX_PARAM" xlink:href="#slider-151" transform="translate(13.5 12)"/> + <def id="MIX_MUTE_PARAM" xlink:href="#button" transform="translate(13.5 165)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text> - <use id="MIX_DIM_PARAM" xlink:href="#button" transform="translate(13.5 198)"/> + <def id="MIX_DIM_PARAM" xlink:href="#button" transform="translate(13.5 198)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14.5 225)">DIM</text> <g transform="translate(5.5 229)"> <rect width="34" height="50" rx="5" fill="#fafafa"/> - <use id="MIX_CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="MIX_CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> <rect width="34" height="73" rx="5" fill="#bbb" transform="translate(0 38)"/> <rect width="34" height="5" fill="#bbb" transform="translate(0 38)"/> - <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 41)"/> + <def id="L_OUTPUT" xlink:href="#output" transform="translate(5 41)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 73)">L</text> - <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 76)"/> + <def id="R_OUTPUT" xlink:href="#output" transform="translate(5 76)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 108)">R</text> </g> </g> diff --git a/res-src/Mix8x-src.svg b/res-src/Mix8x-src.svg @@ -2,16 +2,6 @@ <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/> - <defs> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-tiny"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 404,1 404,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -30,240 +20,240 @@ <g transform="translate(4 20)"> <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text> - <use id="LOW1_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <def id="LOW1_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 11)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID1_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <def id="MID1_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 57)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH1_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <def id="HIGH1_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 103)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A1_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <def id="A1_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 148)"/> <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> - <use id="PRE_A1_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B1_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <def id="PRE_A1_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> + <def id="B1_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 204)"/> <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> - <use id="PRE_B1_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <def id="PRE_B1_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> <g transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="B1_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text 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> - <use id="LOW2_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <def id="LOW2_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 11)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID2_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <def id="MID2_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 57)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH2_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <def id="HIGH2_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 103)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A2_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <def id="A2_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 148)"/> <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> - <use id="PRE_A2_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B2_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <def id="PRE_A2_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> + <def id="B2_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 204)"/> <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> - <use id="PRE_B2_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <def id="PRE_B2_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> <g transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A2_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="B2_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text 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> - <use id="LOW3_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <def id="LOW3_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 11)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID3_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <def id="MID3_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 57)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH3_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <def id="HIGH3_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 103)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A3_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <def id="A3_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 148)"/> <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> - <use id="PRE_A3_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B3_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <def id="PRE_A3_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> + <def id="B3_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 204)"/> <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> - <use id="PRE_B3_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <def id="PRE_B3_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> <g transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A3_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A3_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B3_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="B3_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text 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> - <use id="LOW4_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <def id="LOW4_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 11)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID4_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <def id="MID4_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 57)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH4_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <def id="HIGH4_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 103)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A4_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <def id="A4_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 148)"/> <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> - <use id="PRE_A4_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B4_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <def id="PRE_A4_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> + <def id="B4_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 204)"/> <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> - <use id="PRE_B4_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <def id="PRE_B4_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> <g transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A4_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A4_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B4_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="B4_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text 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> - <use id="LOW5_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <def id="LOW5_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 11)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID5_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <def id="MID5_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 57)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH5_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <def id="HIGH5_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 103)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A5_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <def id="A5_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 148)"/> <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> - <use id="PRE_A5_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B5_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <def id="PRE_A5_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> + <def id="B5_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 204)"/> <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> - <use id="PRE_B5_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <def id="PRE_B5_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> <g transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A5_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A5_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B5_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="B5_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text 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> - <use id="LOW6_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <def id="LOW6_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 11)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID6_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <def id="MID6_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 57)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH6_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <def id="HIGH6_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 103)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A6_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <def id="A6_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 148)"/> <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> - <use id="PRE_A6_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B6_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <def id="PRE_A6_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> + <def id="B6_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 204)"/> <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> - <use id="PRE_B6_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <def id="PRE_B6_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> <g transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A6_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A6_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B6_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="B6_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text 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> - <use id="LOW7_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <def id="LOW7_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 11)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID7_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <def id="MID7_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 57)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH7_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <def id="HIGH7_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 103)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A7_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <def id="A7_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 148)"/> <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> - <use id="PRE_A7_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B7_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <def id="PRE_A7_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> + <def id="B7_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 204)"/> <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> - <use id="PRE_B7_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <def id="PRE_B7_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> <g transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A7_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A7_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B7_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="B7_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text 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> - <use id="LOW8_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 11)"/> + <def id="LOW8_PARAM" xlink:href="#knob16" transform="translate(14.5 23)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 11)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text> - <use id="MID8_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 57)"/> + <def id="MID8_PARAM" xlink:href="#knob16" transform="translate(14.5 69)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 57)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text> - <use id="HIGH8_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 103)"/> + <def id="HIGH8_PARAM" xlink:href="#knob16" transform="translate(14.5 115)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 103)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text> - <use id="A8_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 148)"/> + <def id="A8_PARAM" xlink:href="#knob16" transform="translate(14.5 160)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 148)"/> <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> - <use id="PRE_A8_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> - <use id="B8_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 204)"/> + <def id="PRE_A8_PARAM" xlink:href="#button-small" transform="translate(26 188)"/> + <def id="B8_PARAM" xlink:href="#knob16" transform="translate(14.5 216)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 204)"/> <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> - <use id="PRE_B8_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> + <def id="PRE_B8_PARAM" xlink:href="#button-small" transform="translate(26 244)"/> <g transform="translate(5.5 267)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="A8_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A8_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text> - <use id="B8_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="B8_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text> </g> </g> @@ -272,35 +262,35 @@ <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> --> <g transform="translate(5.5 1)"> <rect width="34" height="50" rx="5" fill="#bbb"/> - <use id="SEND_A_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="SEND_A_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14.7 35)">A</text> <rect width="34" height="146" rx="5" fill="#fafafa" transform="translate(0 38)"/> <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)"/> - <use id="L_A_INPUT" xlink:href="#input" transform="translate(5 41)"/> + <def id="L_A_INPUT" xlink:href="#input" transform="translate(5 41)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text> - <use id="R_A_INPUT" xlink:href="#input" transform="translate(5 76)"/> + <def id="R_A_INPUT" xlink:href="#input" transform="translate(5 76)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> - <use id="LEVEL_A_PARAM" xlink:href="#knob16" transform="translate(9 117)"/> + <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> - <use id="LEVEL_A_INPUT" xlink:href="#input" transform="translate(5 149)"/> + <def id="LEVEL_A_INPUT" xlink:href="#input" transform="translate(5 149)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 181)">CV</text> </g> - <use xlink:href="#dial-mintick" transform="translate(2.5 106)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 106)"/> <g transform="translate(5.5 191)"> <rect width="34" height="50" rx="5" fill="#bbb"/> - <use id="SEND_B_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="SEND_B_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14.8 35)">B</text> <rect width="34" height="111" rx="5" fill="#fafafa" transform="translate(0 38)"/> <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)"/> - <use id="L_B_INPUT" xlink:href="#input" transform="translate(5 41)"/> + <def id="L_B_INPUT" xlink:href="#input" transform="translate(5 41)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text> - <use id="R_B_INPUT" xlink:href="#input" transform="translate(5 76)"/> + <def id="R_B_INPUT" xlink:href="#input" transform="translate(5 76)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text> - <use id="LEVEL_B_PARAM" xlink:href="#knob16" transform="translate(9 117)"/> + <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> </g> - <use xlink:href="#dial-mintick" transform="translate(2.5 296)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 296)"/> <!-- <polyline points="0,0 0,350" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> --> </g> </svg> diff --git a/res-src/Mono-src.svg b/res-src/Mono-src.svg @@ -3,12 +3,6 @@ <style/> <defs> - <import id="light-small"/> - <import id="knob26"/> - <import id="dial-linear"/> - <import id="input"/> - <import id="output"/> - <symbol id="compression-mono" viewBox="0 0 11px 75px"> <!-- <rect width="11" height="75" x="0" y="0" rx="0" fill="#ccc" /> --> <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)"/> @@ -59,25 +53,25 @@ <g transform="translate(2.5 30)"> <!-- <rect width="40" height="40" fill="#fafafa" transform="translate(0 0)" /> --> - <use id="CHANNEL_1_WIDGET" xlink:href="#light-small" transform="translate(0, 0) translate(1.8 1.8)"/> - <use id="CHANNEL_2_WIDGET" xlink:href="#light-small" transform="translate(10, 0) translate(1.8 1.8)"/> - <use id="CHANNEL_3_WIDGET" xlink:href="#light-small" transform="translate(20, 0) translate(1.8 1.8)"/> - <use id="CHANNEL_4_WIDGET" xlink:href="#light-small" transform="translate(30, 0) translate(1.8 1.8)"/> - - <use id="CHANNEL_5_WIDGET" xlink:href="#light-small" transform="translate(0, 10) translate(1.8 1.8)"/> - <use id="CHANNEL_6_WIDGET" xlink:href="#light-small" transform="translate(10, 10) translate(1.8 1.8)"/> - <use id="CHANNEL_7_WIDGET" xlink:href="#light-small" transform="translate(20, 10) translate(1.8 1.8)"/> - <use id="CHANNEL_8_WIDGET" xlink:href="#light-small" transform="translate(30, 10) translate(1.8 1.8)"/> - - <use id="CHANNEL_9_WIDGET" xlink:href="#light-small" transform="translate(0, 20) translate(1.8 1.8)"/> - <use id="CHANNEL_10_WIDGET" xlink:href="#light-small" transform="translate(10, 20) translate(1.8 1.8)"/> - <use id="CHANNEL_11_WIDGET" xlink:href="#light-small" transform="translate(20, 20) translate(1.8 1.8)"/> - <use id="CHANNEL_12_WIDGET" xlink:href="#light-small" transform="translate(30, 20) translate(1.8 1.8)"/> - - <use id="CHANNEL_13_WIDGET" xlink:href="#light-small" transform="translate(0, 30) translate(1.8 1.8)"/> - <use id="CHANNEL_14_WIDGET" xlink:href="#light-small" transform="translate(10, 30) translate(1.8 1.8)"/> - <use id="CHANNEL_15_WIDGET" xlink:href="#light-small" transform="translate(20, 30) translate(1.8 1.8)"/> - <use id="CHANNEL_16_WIDGET" xlink:href="#light-small" transform="translate(30, 30) translate(1.8 1.8)"/> + <def id="CHANNEL_1_WIDGET" xlink:href="#light-small" transform="translate(0, 0) translate(1.8 1.8)"/> + <def id="CHANNEL_2_WIDGET" xlink:href="#light-small" transform="translate(10, 0) translate(1.8 1.8)"/> + <def id="CHANNEL_3_WIDGET" xlink:href="#light-small" transform="translate(20, 0) translate(1.8 1.8)"/> + <def id="CHANNEL_4_WIDGET" xlink:href="#light-small" transform="translate(30, 0) translate(1.8 1.8)"/> + + <def id="CHANNEL_5_WIDGET" xlink:href="#light-small" transform="translate(0, 10) translate(1.8 1.8)"/> + <def id="CHANNEL_6_WIDGET" xlink:href="#light-small" transform="translate(10, 10) translate(1.8 1.8)"/> + <def id="CHANNEL_7_WIDGET" xlink:href="#light-small" transform="translate(20, 10) translate(1.8 1.8)"/> + <def id="CHANNEL_8_WIDGET" xlink:href="#light-small" transform="translate(30, 10) translate(1.8 1.8)"/> + + <def id="CHANNEL_9_WIDGET" xlink:href="#light-small" transform="translate(0, 20) translate(1.8 1.8)"/> + <def id="CHANNEL_10_WIDGET" xlink:href="#light-small" transform="translate(10, 20) translate(1.8 1.8)"/> + <def id="CHANNEL_11_WIDGET" xlink:href="#light-small" transform="translate(20, 20) translate(1.8 1.8)"/> + <def id="CHANNEL_12_WIDGET" xlink:href="#light-small" transform="translate(30, 20) translate(1.8 1.8)"/> + + <def id="CHANNEL_13_WIDGET" xlink:href="#light-small" transform="translate(0, 30) translate(1.8 1.8)"/> + <def id="CHANNEL_14_WIDGET" xlink:href="#light-small" transform="translate(10, 30) translate(1.8 1.8)"/> + <def id="CHANNEL_15_WIDGET" xlink:href="#light-small" transform="translate(20, 30) translate(1.8 1.8)"/> + <def id="CHANNEL_16_WIDGET" xlink:href="#light-small" transform="translate(30, 30) translate(1.8 1.8)"/> </g> <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 72)" /> --> @@ -86,8 +80,8 @@ <g transform="translate(0 92)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">COMP</text> - <use id="COMPRESSION_PARAM" xlink:href="#knob26" transform="translate(9.5 7.5)"/> - <use xlink:href="#dial-linear" transform="translate(0 -2)"/> + <def id="COMPRESSION_PARAM" xlink:href="#knob26" transform="translate(9.5 7.5)"/> + <def xlink:href="#dial-linear" transform="translate(0 -2)"/> </g> <g transform="translate(17 147)"> @@ -97,21 +91,21 @@ <g transform="translate(0 198)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(7 0)">LEVEL</text> - <use id="LEVEL_PARAM" xlink:href="#knob26" transform="translate(9.5 7.5)"/> - <use xlink:href="#dial-linear" transform="translate(0 -2)"/> + <def id="LEVEL_PARAM" xlink:href="#knob26" transform="translate(9.5 7.5)"/> + <def xlink:href="#dial-linear" transform="translate(0 -2)"/> </g> <g transform="translate(0 251)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="POLY_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="POLY_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">POLY</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="MONO_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="MONO_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(4.5 32)">MONO</text> </g> </g> diff --git a/res-src/Mult-src.svg b/res-src/Mult-src.svg @@ -2,11 +2,6 @@ <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/> - <defs> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -25,7 +20,7 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 29)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="INA_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="INA_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(7 35)">IN-A</text> </g> </g> @@ -36,9 +31,9 @@ <rect width="34" height="102" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUTA1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> - <use id="OUTA2_OUTPUT" xlink:href="#output" transform="translate(3 30)"/> - <use id="OUTA3_OUTPUT" xlink:href="#output" transform="translate(3 60)"/> + <def id="OUTA1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> + <def id="OUTA2_OUTPUT" xlink:href="#output" transform="translate(3 30)"/> + <def id="OUTA3_OUTPUT" xlink:href="#output" transform="translate(3 60)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 95)">OUT</text> </g> @@ -51,7 +46,7 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 29)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="INB_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="INB_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(3 35)">IN-B(A)</text> </g> </g> @@ -62,9 +57,9 @@ <rect width="34" height="102" rx="5" fill="#bbb"/> <g transform="translate(2 2)"> - <use id="OUTB1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> - <use id="OUTB2_OUTPUT" xlink:href="#output" transform="translate(3 30)"/> - <use id="OUTB3_OUTPUT" xlink:href="#output" transform="translate(3 60)"/> + <def id="OUTB1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/> + <def id="OUTB2_OUTPUT" xlink:href="#output" transform="translate(3 30)"/> + <def id="OUTB3_OUTPUT" xlink:href="#output" transform="translate(3 60)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 95)">OUT</text> </g> diff --git a/res-src/Mumix-src.svg b/res-src/Mumix-src.svg @@ -2,12 +2,6 @@ <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/> - <defs> - <import id="button"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -23,32 +17,32 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 283)"/> <rect width="34" height="293" rx="5" fill="#fafafa"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)"/> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)"/> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)"/> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)"/> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)"/> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)"/> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)"/> + <def id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)"/> + <def id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)"/> + <def id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)"/> + <def id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)"/> + <def id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)"/> + <def id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)"/> </g> <g transform="translate(5.5 295)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="38" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 33)">OUT</text> </g> </g> <g transform="translate(55.5 24)"> - <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(1 9)"/> - <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(1 46)"/> - <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(1 83)"/> - <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(1 120)"/> - <use id="MUTE5_PARAM" xlink:href="#button" transform="translate(1 157)"/> - <use id="MUTE6_PARAM" xlink:href="#button" transform="translate(1 194)"/> - <use id="MUTE7_PARAM" xlink:href="#button" transform="translate(1 231)"/> - <use id="MUTE8_PARAM" xlink:href="#button" transform="translate(1 268)"/> + <def id="MUTE1_PARAM" xlink:href="#button" transform="translate(1 9)"/> + <def id="MUTE2_PARAM" xlink:href="#button" transform="translate(1 46)"/> + <def id="MUTE3_PARAM" xlink:href="#button" transform="translate(1 83)"/> + <def id="MUTE4_PARAM" xlink:href="#button" transform="translate(1 120)"/> + <def id="MUTE5_PARAM" xlink:href="#button" transform="translate(1 157)"/> + <def id="MUTE6_PARAM" xlink:href="#button" transform="translate(1 194)"/> + <def id="MUTE7_PARAM" xlink:href="#button" transform="translate(1 231)"/> + <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)" /> --> diff --git a/res-src/Mute8-src.svg b/res-src/Mute8-src.svg @@ -2,13 +2,6 @@ <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/> - <defs> - <import id="button"/> - <import id="light-small"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -26,15 +19,15 @@ <g transform="translate(8 32)"> <rect width="30" height="328" rx="5" fill="#fafafa"/> <g transform="translate(3 4)"> - <use id="INPUT1_INPUT" xlink:href="#input" transform="translate(0 0)"/> - <use id="INPUT2_INPUT" xlink:href="#input" transform="translate(0 40)"/> - <use id="INPUT3_INPUT" xlink:href="#input" transform="translate(0 80)"/> - <use id="INPUT4_INPUT" xlink:href="#input" transform="translate(0 120)"/> + <def id="INPUT1_INPUT" xlink:href="#input" transform="translate(0 0)"/> + <def id="INPUT2_INPUT" xlink:href="#input" transform="translate(0 40)"/> + <def id="INPUT3_INPUT" xlink:href="#input" transform="translate(0 80)"/> + <def id="INPUT4_INPUT" xlink:href="#input" transform="translate(0 120)"/> - <use id="INPUT5_INPUT" xlink:href="#input" transform="translate(0 160)"/> - <use id="INPUT6_INPUT" xlink:href="#input" transform="translate(0 200)"/> - <use id="INPUT7_INPUT" xlink:href="#input" transform="translate(0 240)"/> - <use id="INPUT8_INPUT" xlink:href="#input" transform="translate(0 280)"/> + <def id="INPUT5_INPUT" xlink:href="#input" transform="translate(0 160)"/> + <def id="INPUT6_INPUT" xlink:href="#input" transform="translate(0 200)"/> + <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> </g> @@ -42,15 +35,15 @@ <g transform="translate(43 32)"> <rect width="30" height="328" rx="5" fill="#fafafa"/> <g transform="translate(3 4)"> - <use id="MUTE1_INPUT" xlink:href="#input" transform="translate(0 0)"/> - <use id="MUTE2_INPUT" xlink:href="#input" transform="translate(0 40)"/> - <use id="MUTE3_INPUT" xlink:href="#input" transform="translate(0 80)"/> - <use id="MUTE4_INPUT" xlink:href="#input" transform="translate(0 120)"/> + <def id="MUTE1_INPUT" xlink:href="#input" transform="translate(0 0)"/> + <def id="MUTE2_INPUT" xlink:href="#input" transform="translate(0 40)"/> + <def id="MUTE3_INPUT" xlink:href="#input" transform="translate(0 80)"/> + <def id="MUTE4_INPUT" xlink:href="#input" transform="translate(0 120)"/> - <use id="MUTE5_INPUT" xlink:href="#input" transform="translate(0 160)"/> - <use id="MUTE6_INPUT" xlink:href="#input" transform="translate(0 200)"/> - <use id="MUTE7_INPUT" xlink:href="#input" transform="translate(0 240)"/> - <use id="MUTE8_INPUT" xlink:href="#input" transform="translate(0 280)"/> + <def id="MUTE5_INPUT" xlink:href="#input" transform="translate(0 160)"/> + <def id="MUTE6_INPUT" xlink:href="#input" transform="translate(0 200)"/> + <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> </g> @@ -59,37 +52,37 @@ <!-- <rect width="30" height="328" rx="5" fill="#fafafa" /> --> <g transform="translate(0 4)"> <g transform="translate(0 2)"> - <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE1_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <def id="MUTE1_PARAM" xlink:href="#button" transform="translate(1 3)"/> + <def id="MUTE1_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> </g> <g transform="translate(0 42)"> - <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE2_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <def id="MUTE2_PARAM" xlink:href="#button" transform="translate(1 3)"/> + <def id="MUTE2_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> </g> <g transform="translate(0 82)"> - <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE3_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <def id="MUTE3_PARAM" xlink:href="#button" transform="translate(1 3)"/> + <def id="MUTE3_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> </g> <g transform="translate(0 122)"> - <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE4_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <def id="MUTE4_PARAM" xlink:href="#button" transform="translate(1 3)"/> + <def id="MUTE4_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> </g> <g transform="translate(0 162)"> - <use id="MUTE5_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE5_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <def id="MUTE5_PARAM" xlink:href="#button" transform="translate(1 3)"/> + <def id="MUTE5_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> </g> <g transform="translate(0 202)"> - <use id="MUTE6_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE6_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <def id="MUTE6_PARAM" xlink:href="#button" transform="translate(1 3)"/> + <def id="MUTE6_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> </g> <g transform="translate(0 242)"> - <use id="MUTE7_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE7_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <def id="MUTE7_PARAM" xlink:href="#button" transform="translate(1 3)"/> + <def id="MUTE7_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> </g> <g transform="translate(0 280)"> - <use id="MUTE8_PARAM" xlink:href="#button" transform="translate(1 3)"/> - <use id="MUTE8_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> + <def id="MUTE8_PARAM" xlink:href="#button" transform="translate(1 3)"/> + <def id="MUTE8_LIGHT" xlink:href="#light-small" transform="translate(23 8.8)"/> </g> </g> <text font-size="6pt" letter-spacing="2px" transform="translate(1 320)">MUTE</text> @@ -98,15 +91,15 @@ <g transform="translate(112 32)"> <rect width="30" height="328" rx="5" fill="#bbb"/> <g transform="translate(3 4)"> - <use id="OUTPUT1_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> - <use id="OUTPUT2_OUTPUT" xlink:href="#output" transform="translate(0 40)"/> - <use id="OUTPUT3_OUTPUT" xlink:href="#output" transform="translate(0 80)"/> - <use id="OUTPUT4_OUTPUT" xlink:href="#output" transform="translate(0 120)"/> + <def id="OUTPUT1_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> + <def id="OUTPUT2_OUTPUT" xlink:href="#output" transform="translate(0 40)"/> + <def id="OUTPUT3_OUTPUT" xlink:href="#output" transform="translate(0 80)"/> + <def id="OUTPUT4_OUTPUT" xlink:href="#output" transform="translate(0 120)"/> - <use id="OUTPUT5_OUTPUT" xlink:href="#output" transform="translate(0 160)"/> - <use id="OUTPUT6_OUTPUT" xlink:href="#output" transform="translate(0 200)"/> - <use id="OUTPUT7_OUTPUT" xlink:href="#output" transform="translate(0 240)"/> - <use id="OUTPUT8_OUTPUT" xlink:href="#output" transform="translate(0 280)"/> + <def id="OUTPUT5_OUTPUT" xlink:href="#output" transform="translate(0 160)"/> + <def id="OUTPUT6_OUTPUT" xlink:href="#output" transform="translate(0 200)"/> + <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> </g> diff --git a/res-src/Noise-src.svg b/res-src/Noise-src.svg @@ -2,11 +2,6 @@ <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/> - <defs> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -23,15 +18,15 @@ <g transform="translate(0 18)"> <g transform="translate(7.5 0)"> <rect width="34" height="209" rx="5" fill="#bbb" transform="translate(-2 0)"/> - <use id="BLUE_OUTPUT" xlink:href="#output" transform="translate(3 6)"/> + <def id="BLUE_OUTPUT" xlink:href="#output" transform="translate(3 6)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(4 39)">BLUE</text> - <use id="WHITE_OUTPUT" xlink:href="#output" transform="translate(3 47)"/> + <def id="WHITE_OUTPUT" xlink:href="#output" transform="translate(3 47)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(0.5 80)">WHITE</text> - <use id="PINK_OUTPUT" xlink:href="#output" transform="translate(3 88)"/> + <def id="PINK_OUTPUT" xlink:href="#output" transform="translate(3 88)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(4.5 121)">PINK</text> - <use id="RED_OUTPUT" xlink:href="#output" transform="translate(3 129)"/> + <def id="RED_OUTPUT" xlink:href="#output" transform="translate(3 129)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(7 162)">RED</text> - <use id="GAUSS_OUTPUT" xlink:href="#output" transform="translate(3 170)"/> + <def id="GAUSS_OUTPUT" xlink:href="#output" transform="translate(3 170)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(0 203)">GAUSS</text> </g> </g> @@ -41,13 +36,13 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="ABS_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="ABS_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="ABS_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="ABS_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/Nsgt-src.svg b/res-src/Nsgt-src.svg @@ -3,12 +3,6 @@ <style/> <defs> - <import id="knob38"/> - <import id="dial-threshold"/> - <import id="switch"/> - <import id="input"/> - <import id="output"/> - <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> @@ -43,20 +37,20 @@ <g transform="translate(0 40)"> <text font-size="8pt" letter-spacing="2px" transform="translate(8 0)">THRESHOLD</text> - <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> - <use xlink:href="#dial-threshold" transform="translate(10 -4)"/> + <def id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)"/> + <def xlink:href="#dial-threshold" transform="translate(10 -4)"/> </g> <g transform="translate(0 122)"> <text font-size="8pt" letter-spacing="2px" transform="translate(25.5 0)">RATIO</text> - <use id="RATIO_PARAM" xlink:href="#knob38" transform="translate(26 13)"/> + <def id="RATIO_PARAM" xlink:href="#knob38" transform="translate(26 13)"/> <use xlink:href="#dial-ratio-nsgt" transform="translate(10 -3)"/> </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> - <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text> </g> @@ -64,21 +58,21 @@ <g transform="translate(0 0)"> <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)"/> <rect width="68" height="73" rx="5" fill="#fafafa"/> - <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <def id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text> - <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/> + <def id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text> - <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)"/> + <def id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">TRSH</text> - <use id="RATIO_INPUT" xlink:href="#input" transform="translate(39 40)"/> + <def id="RATIO_INPUT" xlink:href="#input" transform="translate(39 40)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(39.5 72)">RATIO</text> </g> <g transform="translate(0 79)"> <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="68" height="37" rx="5" fill="#bbb"/> - <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <def id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text> - <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> + <def id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text> </g> </g> diff --git a/res-src/Offset-src.svg b/res-src/Offset-src.svg @@ -3,10 +3,6 @@ <style/> <defs> - <import id="knob29"/> - <import id="input"/> - <import id="output"/> - <symbol id="dial-offset-offset" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <g transform="rotate(-240) translate(17 0)"> @@ -201,22 +197,22 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2px" transform="translate(3 0)">OFFSET</text> - <use id="OFFSET_PARAM" xlink:href="#knob29" transform="translate(0 7)"/> + <def id="OFFSET_PARAM" xlink:href="#knob29" transform="translate(0 7)"/> <use xlink:href="#dial-offset-offset" transform="scale(1) translate(0 7)"/> <g transform="translate(5.5 53)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="OFFSET_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="SCALE_PARAM" xlink:href="#knob29" transform="translate(0 7)"/> + <def id="SCALE_PARAM" xlink:href="#knob29" transform="translate(0 7)"/> <use xlink:href="#dial-exp-offset" transform="scale(1) translate(0 7)"/> <g transform="translate(5.5 53)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="SCALE_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="SCALE_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> </g> @@ -225,13 +221,13 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/OneEight-src.svg b/res-src/OneEight-src.svg @@ -2,17 +2,6 @@ <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/> - <defs> - <import id="knob29"/> - <import id="dial-select"/> - <import id="knob16"/> - <import id="dial-steps"/> - <import id="switch"/> - <import id="light-small"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -27,24 +16,24 @@ <g transform="translate(6.5 32)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 30)"/> - <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(4 35)">CLOCK</text> </g> <g transform="translate(6.5 69)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="STEPS_PARAM" xlink:href="#knob16" transform="translate(14.5 10.5)"/> - <use xlink:href="#dial-steps" transform="translate(2.5 -1)"/> + <def id="STEPS_PARAM" xlink:href="#knob16" transform="translate(14.5 10.5)"/> + <def xlink:href="#dial-steps" transform="translate(2.5 -1)"/> </g> <g transform="translate(16.5 166)"> <text font-size="5pt" letter-spacing="2px" transform="translate(-1.8 -1)">FWD</text> - <use id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-1.3 34)">REV</text> </g> @@ -52,18 +41,18 @@ <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 307)" /> --> <g transform="translate(1 220)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">SELECT</text> - <use id="SELECT_PARAM" xlink:href="#knob29" transform="translate(0 2)"/> - <use xlink:href="#dial-select" transform="translate(0 2)"/> + <def id="SELECT_PARAM" xlink:href="#knob29" transform="translate(0 2)"/> + <def xlink:href="#dial-select" transform="translate(0 2)"/> <g transform="translate(5.5 47)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 35)">CV</text> </g> </g> <g transform="translate(6.5 321)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> @@ -71,37 +60,37 @@ <rect width="34" height="337" rx="5" fill="#bbb" transform="translate(0 -9)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">1</text> - <use id="OUT1_LIGHT" xlink:href="#light-small" transform="translate(17 29.5)"/> + <def id="OUT1_LIGHT" xlink:href="#light-small" transform="translate(17 29.5)"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 44.3)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 44.3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 76.3)">2</text> - <use id="OUT2_LIGHT" xlink:href="#light-small" transform="translate(17 70.8)"/> + <def id="OUT2_LIGHT" xlink:href="#light-small" transform="translate(17 70.8)"/> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 86.6)"/> + <def id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 86.6)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 118.6)">3</text> - <use id="OUT3_LIGHT" xlink:href="#light-small" transform="translate(17 113.1)"/> + <def id="OUT3_LIGHT" xlink:href="#light-small" transform="translate(17 113.1)"/> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 126.9)"/> + <def id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 126.9)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 158.9)">4</text> - <use id="OUT4_LIGHT" xlink:href="#light-small" transform="translate(17 153.4)"/> + <def id="OUT4_LIGHT" xlink:href="#light-small" transform="translate(17 153.4)"/> - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 168.1)"/> + <def id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 168.1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 200.1)">5</text> - <use id="OUT5_LIGHT" xlink:href="#light-small" transform="translate(17 194.6)"/> + <def id="OUT5_LIGHT" xlink:href="#light-small" transform="translate(17 194.6)"/> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 209.4)"/> + <def id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 209.4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 241.4)">6</text> - <use id="OUT6_LIGHT" xlink:href="#light-small" transform="translate(17 235.9)"/> + <def id="OUT6_LIGHT" xlink:href="#light-small" transform="translate(17 235.9)"/> - <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(5 250.7)"/> + <def id="OUT7_OUTPUT" xlink:href="#output" transform="translate(5 250.7)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 282.7)">7</text> - <use id="OUT7_LIGHT" xlink:href="#light-small" transform="translate(17 277.2)"/> + <def id="OUT7_LIGHT" xlink:href="#light-small" transform="translate(17 277.2)"/> - <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(5 292)"/> + <def id="OUT8_OUTPUT" xlink:href="#output" transform="translate(5 292)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 324)">8</text> - <use id="OUT8_LIGHT" xlink:href="#light-small" transform="translate(17 318.5)"/> + <def id="OUT8_LIGHT" xlink:href="#light-small" transform="translate(17 318.5)"/> </g> <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 47)" /> --> diff --git a/res-src/PEQ-src.svg b/res-src/PEQ-src.svg @@ -3,15 +3,6 @@ <style/> <defs> - <import id="knob29"/> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="button-small"/> - <import id="input"/> - <import id="output"/> - <import id="light-small"/> - <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> @@ -65,28 +56,28 @@ <!-- <rect width="150" height="60" fill="#0f0" transform="translate(0 0)" /> --> <!-- <polyline points="0,30 150,30" stroke="#f00" stroke-width="1" fill="none" /> --> <!-- <polyline points="0,0 150,0" stroke="#0ff" stroke-width="1" fill="none" transform="translate(0 26)" /> --> - <use id="A_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)"/> + <def id="A_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)"/> <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> - <use id="A_LEVEL_PARAM" xlink:href="#knob29" transform="translate(13 3.5)"/> + <def id="A_LEVEL_PARAM" xlink:href="#knob29" transform="translate(13 3.5)"/> <use xlink:href="#dial-level-peq" transform="translate(13 3.5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text> - <use id="A_FREQUENCY_PARAM" xlink:href="#knob29" transform="translate(59 3.5)"/> + <def id="A_FREQUENCY_PARAM" xlink:href="#knob29" transform="translate(59 3.5)"/> <use xlink:href="#dial-frequency-peq" transform="translate(56 3.5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(113 19) rotate(270)">BW</text> - <use id="A_BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(122 4)"/> - <use xlink:href="#dial-mintick" transform="translate(110 -8)"/> + <def id="A_BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(122 4)"/> + <def xlink:href="#dial-mintick" transform="translate(110 -8)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(113 58.5) rotate(270)">FCV</text> - <use id="A_CV_PARAM" xlink:href="#knob16" transform="translate(122 42)"/> - <use xlink:href="#dial-centertick" transform="translate(110 30)"/> + <def id="A_CV_PARAM" xlink:href="#knob16" transform="translate(122 42)"/> + <def xlink:href="#dial-centertick" transform="translate(110 30)"/> <g transform="translate(118 26.5)"> <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.1)">LP</text> - <use id="A_MODE_PARAM" xlink:href="#button-small" transform="translate(13.5 -1)"/> + <def id="A_MODE_PARAM" xlink:href="#button-small" transform="translate(13.5 -1)"/> </g> </g> @@ -94,52 +85,52 @@ <!-- <rect width="150" height="60" fill="#0f0" transform="translate(0 0)" /> --> <!-- <polyline points="0,30 150,30" stroke="#f00" stroke-width="1" fill="none" /> --> <!-- <polyline points="0,0 150,0" stroke="#0ff" stroke-width="1" fill="none" transform="translate(0 26)" /> --> - <use id="B_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)"/> + <def id="B_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)"/> <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> - <use id="B_LEVEL_PARAM" xlink:href="#knob29" transform="translate(13 3.5)"/> + <def id="B_LEVEL_PARAM" xlink:href="#knob29" transform="translate(13 3.5)"/> <use xlink:href="#dial-level-peq" transform="translate(13 3.5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text> - <use id="B_FREQUENCY_PARAM" xlink:href="#knob29" transform="translate(59 3.5)"/> + <def id="B_FREQUENCY_PARAM" xlink:href="#knob29" transform="translate(59 3.5)"/> <use xlink:href="#dial-frequency-peq" transform="translate(56 3.5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(113 22) rotate(270)">BW</text> - <use id="B_BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(122 7)"/> - <use xlink:href="#dial-mintick" transform="translate(110 -5)"/> + <def id="B_BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(122 7)"/> + <def xlink:href="#dial-mintick" transform="translate(110 -5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(113 56.5) rotate(270)">FCV</text> - <use id="B_CV_PARAM" xlink:href="#knob16" transform="translate(122 40)"/> - <use xlink:href="#dial-centertick" transform="translate(110 28)"/> + <def id="B_CV_PARAM" xlink:href="#knob16" transform="translate(122 40)"/> + <def xlink:href="#dial-centertick" transform="translate(110 28)"/> </g> <g transform="translate(0 159)"> <!-- <rect width="150" height="60" fill="#0f0" transform="translate(0 0)" /> --> <!-- <polyline points="0,30 150,30" stroke="#f00" stroke-width="1" fill="none" /> --> <!-- <polyline points="0,0 150,0" stroke="#0ff" stroke-width="1" fill="none" transform="translate(0 26)" /> --> - <use id="C_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)"/> + <def id="C_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)"/> <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> - <use id="C_LEVEL_PARAM" xlink:href="#knob29" transform="translate(13 3.5)"/> + <def id="C_LEVEL_PARAM" xlink:href="#knob29" transform="translate(13 3.5)"/> <use xlink:href="#dial-level-peq" transform="translate(13 3.5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text> - <use id="C_FREQUENCY_PARAM" xlink:href="#knob29" transform="translate(59 3.5)"/> + <def id="C_FREQUENCY_PARAM" xlink:href="#knob29" transform="translate(59 3.5)"/> <use xlink:href="#dial-frequency-peq" transform="translate(56 3.5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(113 19) rotate(270)">BW</text> - <use id="C_BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(122 4)"/> - <use xlink:href="#dial-mintick" transform="translate(110 -8)"/> + <def id="C_BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(122 4)"/> + <def xlink:href="#dial-mintick" transform="translate(110 -8)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(113 58.5) rotate(270)">FCV</text> - <use id="C_CV_PARAM" xlink:href="#knob16" transform="translate(122 42)"/> - <use xlink:href="#dial-centertick" transform="translate(110 30)"/> + <def id="C_CV_PARAM" xlink:href="#knob16" transform="translate(122 42)"/> + <def xlink:href="#dial-centertick" transform="translate(110 30)"/> <g transform="translate(118 26.5)"> <text font-size="6pt" letter-spacing="1px" transform="translate(-0.5 6.1)">HP</text> - <use id="C_MODE_PARAM" xlink:href="#button-small" transform="translate(13.5 -1)"/> + <def id="C_MODE_PARAM" xlink:href="#button-small" transform="translate(13.5 -1)"/> </g> </g> @@ -150,53 +141,53 @@ <rect width="8" height="46" fill="#bbb" transform="translate(107.5 88)"/> <g transform="translate(12 0)"> - <use id="A_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="A_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">A-LVL</text> </g> <g transform="translate(44 0)"> - <use id="B_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="B_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">B-LVL</text> </g> <g transform="translate(76 0)"> - <use id="C_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="C_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(2 40)">C-LVL</text> </g> <g transform="translate(108 0)"> - <use id="ALL_CV_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="ALL_CV_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(6 40)">FCV</text> </g> <g transform="translate(12 44)"> - <use id="A_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="A_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">A-FCV</text> </g> <g transform="translate(44 44)"> - <use id="B_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="B_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">B-FCV</text> </g> <g transform="translate(76 44)"> - <use id="C_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="C_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">C-FCV</text> </g> <g transform="translate(108 44)"> - <use id="IN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(10 40)">IN</text> </g> <g transform="translate(12 88)"> - <use id="A_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="A_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">A-BW</text> </g> <g transform="translate(44 88)"> - <use id="B_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="B_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(2 40)">B-BW</text> </g> <g transform="translate(76 88)"> - <use id="C_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="C_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">C-BW</text> </g> <g transform="translate(108 88)"> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OUT</text> </g> </g> diff --git a/res-src/PEQ14-src.svg b/res-src/PEQ14-src.svg @@ -2,19 +2,6 @@ <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/> - <defs> - <import id="slider-151"/> - <import id="sliderdial-db-151"/> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="dial-frequency-16"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-small"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 689,1 689,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 689.5,0.5 689.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -31,41 +18,41 @@ <g transform="translate(6.5 48)"> <!-- <rect width="62" height="40" fill="#f0f" transform="translate(0 0)" /> --> - <use id="FREQUENCY_CV_PARAM" xlink:href="#knob16" transform="translate(40.5 11)"/> - <use xlink:href="#dial-centertick" transform="translate(28.5 -1)"/> + <def id="FREQUENCY_CV_PARAM" xlink:href="#knob16" transform="translate(40.5 11)"/> + <def xlink:href="#dial-centertick" transform="translate(28.5 -1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(40 37)">FCV</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(0 5)"/> - <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(3 8)"/> + <def id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(3 8)"/> <!-- <rect width="62" height="25" fill="#0f0" transform="translate(0 40)" /> --> </g> <g transform="translate(6.5 113)"> <!-- <rect width="62" height="40" fill="#f0f" transform="translate(0 0)" /> --> - <use id="BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(40.5 8)"/> - <use xlink:href="#dial-mintick" transform="translate(28.5 -4)"/> + <def id="BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(40.5 8)"/> + <def xlink:href="#dial-mintick" transform="translate(28.5 -4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(42.5 37)">BW</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(0 5)"/> - <use id="BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 8)"/> + <def id="BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 8)"/> <!-- <rect width="62" height="25" fill="#0f0" transform="translate(0 40)" /> --> </g> <g transform="translate(17.5 179)"> <!-- <rect width="40" height="23" fill="#f0f" transform="translate(0 0)" /> --> <text font-size="5pt" letter-spacing="1px" transform="translate(0 8.5)">CH1-LP</text> - <use id="LP_PARAM" xlink:href="#button-small" transform="translate(31 1)"/> + <def id="LP_PARAM" xlink:href="#button-small" transform="translate(31 1)"/> <text font-size="5pt" letter-spacing="0.5px" transform="translate(-3 20.5)">CH14-HP</text> - <use id="HP_PARAM" xlink:href="#button-small" transform="translate(31 13)"/> + <def id="HP_PARAM" xlink:href="#button-small" transform="translate(31 13)"/> <!-- <rect width="62" height="25" fill="#0f0" transform="translate(0 23)" /> --> </g> <g transform="translate(18.5 227)"> <!-- <rect width="38" height="35" fill="#f0f" transform="translate(0 0)" /> --> <text font-size="5pt" letter-spacing="1px" transform="translate(5 34.5) rotate(-90)">FCV RNG</text> - <use id="FMOD_RELATIVE_LIGHT" xlink:href="#light-small" transform="translate(10 1)"/> + <def id="FMOD_RELATIVE_LIGHT" xlink:href="#light-small" transform="translate(10 1)"/> <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 6.7)">OCTV</text> - <use id="FMOD_FULL_LIGHT" xlink:href="#light-small" transform="translate(10 14)"/> + <def id="FMOD_FULL_LIGHT" xlink:href="#light-small" transform="translate(10 14)"/> <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 19.7)">FULL</text> - <use id="FMOD_PARAM" xlink:href="#button-small" transform="translate(14 25)"/> + <def id="FMOD_PARAM" xlink:href="#button-small" transform="translate(14 25)"/> <!-- <rect width="62" height="25" fill="#0f0" transform="translate(0 35)" /> --> </g> @@ -74,334 +61,334 @@ <rect width="32" height="36.5" rx="5" fill="#fafafa"/> <rect width="32" height="10" fill="#fafafa" transform="translate(0 26.5)"/> <rect width="10" height="36.5" fill="#fafafa" transform="translate(22 0)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> - <use id="ODDS_OUTPUT" xlink:href="#output" transform="translate(35 3)"/> + <def id="ODDS_OUTPUT" xlink:href="#output" transform="translate(35 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(38.5 35)">ODD</text> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8 70)">OUT</text> - <use id="EVENS_OUTPUT" xlink:href="#output" transform="translate(35 38)"/> + <def id="EVENS_OUTPUT" xlink:href="#output" transform="translate(35 38)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL1_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY1_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL1_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY1_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV1_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV1_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV1_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL2_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY2_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL2_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY2_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV2_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV2_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL2_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV2_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL3_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY3_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL3_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY3_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV3_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV3_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL3_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL3_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV3_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV3_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL4_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY4_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL4_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY4_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV4_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV4_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL4_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL4_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV4_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV4_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL5_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY5_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL5_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY5_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV5_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV5_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL5_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL5_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV5_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV5_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL6_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY6_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL6_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY6_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV6_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV6_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL6_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL6_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV6_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV6_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL7_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY7_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL7_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY7_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV7_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV7_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL7_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL7_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV7_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV7_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT7_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL8_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY8_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL8_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY8_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV8_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV8_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL8_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL8_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV8_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV8_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT8_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL9_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY9_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL9_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY9_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV9_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV9_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL9_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL9_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV9_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV9_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT9_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT9_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL10_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY10_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL10_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY10_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV10_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV10_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL10_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL10_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV10_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV10_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT10_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT10_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL11_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY11_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL11_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY11_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV11_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV11_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL11_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL11_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV11_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV11_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT11_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT11_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL12_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY12_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL12_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY12_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV12_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV12_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL12_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL12_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV12_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV12_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT12_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT12_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL13_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY13_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL13_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY13_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV13_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV13_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL13_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL13_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV13_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV13_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT13_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT13_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL14_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY14_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL14_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY14_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV14_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV14_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL14_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL14_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV14_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV14_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT14_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT14_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> </g> </g> diff --git a/res-src/PEQ14XF-src.svg b/res-src/PEQ14XF-src.svg @@ -2,14 +2,6 @@ <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/> - <defs> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -22,54 +14,54 @@ </g> <g transform="translate(-2.5 24)"> - <use id="DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 -6)"/> + <def id="DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 -6)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + <def id="DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> </g> <g transform="translate(32.5 23.5)"> - <use id="GAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 -6)"/> + <def id="GAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 -6)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + <def id="GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> </g> <g transform="translate(5.5 108)"> <rect width="64" height="260" rx="5" fill="#bbb" transform="translate(0 -10)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(27 0)">EF</text> - <use id="EF1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="EF1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">1</text> - <use id="EF2_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <def id="EF2_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 70)">2</text> - <use id="EF3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="EF3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 105)">3</text> - <use id="EF4_OUTPUT" xlink:href="#output" transform="translate(5 108)"/> + <def id="EF4_OUTPUT" xlink:href="#output" transform="translate(5 108)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 140)">4</text> - <use id="EF5_OUTPUT" xlink:href="#output" transform="translate(5 143)"/> + <def id="EF5_OUTPUT" xlink:href="#output" transform="translate(5 143)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 175)">5</text> - <use id="EF6_OUTPUT" xlink:href="#output" transform="translate(5 178)"/> + <def id="EF6_OUTPUT" xlink:href="#output" transform="translate(5 178)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 210)">6</text> - <use id="EF7_OUTPUT" xlink:href="#output" transform="translate(5 213)"/> + <def id="EF7_OUTPUT" xlink:href="#output" transform="translate(5 213)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 245)">7</text> <g transform="translate(31 0)"> - <use id="EF8_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="EF8_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">8</text> - <use id="EF9_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <def id="EF9_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 70)">9</text> - <use id="EF10_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="EF10_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">10</text> - <use id="EF11_OUTPUT" xlink:href="#output" transform="translate(5 108)"/> + <def id="EF11_OUTPUT" xlink:href="#output" transform="translate(5 108)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 140)">11</text> - <use id="EF12_OUTPUT" xlink:href="#output" transform="translate(5 143)"/> + <def id="EF12_OUTPUT" xlink:href="#output" transform="translate(5 143)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 175)">12</text> - <use id="EF13_OUTPUT" xlink:href="#output" transform="translate(5 178)"/> + <def id="EF13_OUTPUT" xlink:href="#output" transform="translate(5 178)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 210)">13</text> - <use id="EF14_OUTPUT" xlink:href="#output" transform="translate(5 213)"/> + <def id="EF14_OUTPUT" xlink:href="#output" transform="translate(5 213)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 245)">14</text> </g> </g> diff --git a/res-src/PEQ14XR-src.svg b/res-src/PEQ14XR-src.svg @@ -2,14 +2,6 @@ <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/> - <defs> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -22,24 +14,24 @@ </g> <g transform="translate(-2.5 24)"> - <use id="DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 -6)"/> + <def id="DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 -6)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + <def id="DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> </g> <g transform="translate(32.5 23.5)"> - <use id="GAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 -6)"/> + <def id="GAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 -6)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + <def id="GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> </g> <g transform="translate(20.5 318)"> <rect width="34" height="42" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 37)">OUT</text> </g> </svg> diff --git a/res-src/PEQ14XV-src.svg b/res-src/PEQ14XV-src.svg @@ -3,14 +3,6 @@ <style/> <defs> - <import id="knob26"/> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="button-small"/> - <import id="input"/> - <import id="output"/> - <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> @@ -41,50 +33,50 @@ <text font-size="6pt" letter-spacing="1.5px" transform="translate(9 30)">FOLLOWERS</text> <g transform="translate(-2.5 34)"> - <use id="EF_DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 -6)"/> + <def id="EF_DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 -6)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="EF_DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + <def id="EF_DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> </g> <g transform="translate(32.5 34)"> - <use id="EF_GAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 -6)"/> + <def id="EF_GAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 -6)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="EF_GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + <def id="EF_GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> <!-- <rect width="75" height="17" fill="#f0f" transform="translate(-32.5 66)" /> --> </g> <g transform="translate(0 119)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(8 2)">TRANSPOSE</text> - <use id="TRANSPOSE_PARAM" xlink:href="#knob26" transform="translate(24.5 13)"/> + <def id="TRANSPOSE_PARAM" xlink:href="#knob26" transform="translate(24.5 13)"/> <use xlink:href="#dial-transpose-peq14xv" transform="translate(15 3.5)"/> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(22.5 47)"/> - <use id="TRANSPOSE_INPUT" xlink:href="#input" transform="translate(25.5 50)"/> + <def id="TRANSPOSE_INPUT" xlink:href="#input" transform="translate(25.5 50)"/> <!-- <rect width="75" height="17" fill="#f0f" transform="translate(0 77)" /> --> </g> <g transform="translate(0 212)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(18 5)">OUTPUT</text> - <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob16" transform="translate(12 15)"/> - <use xlink:href="#dial-mintick" transform="translate(0 3)"/> + <def id="OUTPUT_GAIN_PARAM" xlink:href="#knob16" transform="translate(12 15)"/> + <def xlink:href="#dial-mintick" transform="translate(0 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(9 42)">GAIN</text> - <use id="BAND14_MIX_PARAM" xlink:href="#knob16" transform="translate(47 15)"/> - <use xlink:href="#dial-mintick" transform="translate(35 3)"/> + <def id="BAND14_MIX_PARAM" xlink:href="#knob16" transform="translate(47 15)"/> + <def xlink:href="#dial-mintick" transform="translate(35 3)"/> <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> - <use id="BAND1_ENABLE_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/> + <def id="BAND1_ENABLE_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/> </g> <g transform="translate(47.5 51)"> <text font-size="5pt" letter-spacing="0.5px" transform="translate(-5 6)">B14</text> - <use id="BAND14_ENABLE_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/> + <def id="BAND14_ENABLE_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/> </g> <!-- <rect width="75" height="17" fill="#f0f" transform="translate(0 56)" /> --> @@ -95,13 +87,13 @@ <rect width="32" height="36.5" rx="5" fill="#fafafa"/> <rect width="32" height="10" fill="#fafafa" transform="translate(0 26.5)"/> <rect width="10" height="36.5" fill="#fafafa" transform="translate(22 0)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> - <use id="ODDS_OUTPUT" xlink:href="#output" transform="translate(35 3)"/> + <def id="ODDS_OUTPUT" xlink:href="#output" transform="translate(35 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(38.5 35)">ODD</text> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8 70)">OUT</text> - <use id="EVENS_OUTPUT" xlink:href="#output" transform="translate(35 38)"/> + <def id="EVENS_OUTPUT" xlink:href="#output" transform="translate(35 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(36 70)">EVEN</text> </g> diff --git a/res-src/PEQ6-src.svg b/res-src/PEQ6-src.svg @@ -2,19 +2,6 @@ <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/> - <defs> - <import id="slider-151"/> - <import id="sliderdial-db-151"/> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="dial-frequency-16"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-small"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 314,1 214,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 314.5,0.5 314.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -36,184 +23,184 @@ <g transform="translate(0 40)"> <!-- <rect width="37" height="66" fill="#f0f" transform="translate(0 0)" /> --> - <use id="FREQUENCY_CV_PARAM" xlink:href="#knob16" transform="translate(14.5 7)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 -5)"/> + <def id="FREQUENCY_CV_PARAM" xlink:href="#knob16" transform="translate(14.5 7)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 -5)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 33)">FCV</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + <def id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> </g> <g transform="translate(0 124)"> <!-- <rect width="37" height="66" fill="#f0f" transform="translate(0 0)" /> --> - <use id="BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(14.5 5)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 -7)"/> + <def id="BANDWIDTH_PARAM" xlink:href="#knob16" transform="translate(14.5 5)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 -7)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(16.5 33)">BW</text> <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/> - <use id="BANDWIDTH_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> + <def id="BANDWIDTH_INPUT" xlink:href="#input" transform="translate(10.5 39)"/> </g> <g transform="translate(2 209)"> <!-- <rect width="40" height="23" fill="#f0f" transform="translate(2.5 0)" /> --> <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 8.5)">CH1-LP</text> - <use id="LP_PARAM" xlink:href="#button-small" transform="translate(33.5 1)"/> + <def id="LP_PARAM" xlink:href="#button-small" transform="translate(33.5 1)"/> <text font-size="5pt" letter-spacing="0.8px" transform="translate(2.5 20.5)">CH8-HP</text> - <use id="HP_PARAM" xlink:href="#button-small" transform="translate(33.5 13)"/> + <def id="HP_PARAM" xlink:href="#button-small" transform="translate(33.5 13)"/> </g> <g transform="translate(6 242)"> <!-- <rect width="37" height="35" fill="#f0f" transform="translate(0 0)" /> --> <text font-size="5pt" letter-spacing="1px" transform="translate(5 34.5) rotate(-90)">FCV RNG</text> - <use id="FMOD_RELATIVE_LIGHT" xlink:href="#light-small" transform="translate(10 1)"/> + <def id="FMOD_RELATIVE_LIGHT" xlink:href="#light-small" transform="translate(10 1)"/> <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 6.7)">OCTV</text> - <use id="FMOD_FULL_LIGHT" xlink:href="#light-small" transform="translate(10 14)"/> + <def id="FMOD_FULL_LIGHT" xlink:href="#light-small" transform="translate(10 14)"/> <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 19.7)">FULL</text> - <use id="FMOD_PARAM" xlink:href="#button-small" transform="translate(14 25)"/> + <def id="FMOD_PARAM" xlink:href="#button-small" transform="translate(14 25)"/> </g> <g transform="translate(5.5 287)"> <rect width="34" height="73" rx="5" fill="#bbb"/> <rect width="34" height="36.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 26.5)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL1_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY1_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL1_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY1_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV1_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV1_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV1_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL2_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY2_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL2_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY2_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV2_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV2_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL2_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV2_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL3_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY3_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL3_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY3_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV3_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV3_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL3_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL3_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV3_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV3_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL4_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY4_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL4_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY4_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 192)">FREQ</text> - <use id="FREQUENCY_CV4_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 191)"/> + <def id="FREQUENCY_CV4_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 191)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL4_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL4_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV4_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV4_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL5_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY5_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL5_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY5_PARAM" xlink:href="#knob16" transform="translate(14.5 164)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV5_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV5_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL5_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL5_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV5_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV5_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text 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> - <use xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> - <use id="LEVEL6_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> - <use id="FREQUENCY6_PARAM" xlink:href="#knob16" transform="translate(14.5 163)"/> - <use xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> + <def xlink:href="#sliderdial-db-151" transform="translate(0 8)"/> + <def id="LEVEL6_PARAM" xlink:href="#slider-151" transform="translate(13.5 8)"/> + <def id="FREQUENCY6_PARAM" xlink:href="#knob16" transform="translate(14.5 163)"/> + <def xlink:href="#dial-frequency-16" transform="translate(2.5 152)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text> - <use id="FREQUENCY_CV6_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 192)"/> + <def id="FREQUENCY_CV6_PARAM" xlink:href="#knob16" transform="translate(14.5 204)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 192)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text> <g transform="translate(5.5 232)"> <rect width="34" height="108" rx="5" fill="#bbb"/> <rect width="34" height="71.5" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/> - <use id="LEVEL6_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LEVEL6_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text> - <use id="FREQUENCY_CV6_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FREQUENCY_CV6_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text> </g> </g> diff --git a/res-src/PEQ6XF-src.svg b/res-src/PEQ6XF-src.svg @@ -2,13 +2,6 @@ <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/> - <defs> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -23,31 +16,31 @@ </g> <g transform="translate(0 24)"> - <use id="DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 8)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 -4)"/> + <def id="DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 8)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 -4)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(12 0)">DAMP</text> </g> <g transform="translate(0 63)"> - <use id="GAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 8)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 -4)"/> + <def id="GAIN_PARAM" xlink:href="#knob16" transform="translate(14.5 8)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 -4)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(13 0)">GAIN</text> </g> <g transform="translate(5.5 104)"> <rect width="34" height="225" rx="5" fill="#bbb" transform="translate(0 -10)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">EF</text> - <use id="EF1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="EF1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">1</text> - <use id="EF2_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <def id="EF2_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 70)">2</text> - <use id="EF3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="EF3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 105)">3</text> - <use id="EF4_OUTPUT" xlink:href="#output" transform="translate(5 108)"/> + <def id="EF4_OUTPUT" xlink:href="#output" transform="translate(5 108)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 140)">4</text> - <use id="EF5_OUTPUT" xlink:href="#output" transform="translate(5 143)"/> + <def id="EF5_OUTPUT" xlink:href="#output" transform="translate(5 143)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 175)">5</text> - <use id="EF6_OUTPUT" xlink:href="#output" transform="translate(5 178)"/> + <def id="EF6_OUTPUT" xlink:href="#output" transform="translate(5 178)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 210)">6</text> </g> </svg> diff --git a/res-src/Pan-src.svg b/res-src/Pan-src.svg @@ -3,10 +3,6 @@ <style/> <defs> - <import id="knob26"/> - <import id="input"/> - <import id="output"/> - <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> @@ -43,34 +39,34 @@ </g> <g transform="translate(0 15)"> - <use id="PAN1_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> + <def id="PAN1_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> <use xlink:href="#dial-panner-pan" transform="translate(0 0)"/> <g transform="translate(5.5 44)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> </g> </g> <g transform="translate(0 138)"> - <use id="PAN2_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> + <def id="PAN2_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> <use xlink:href="#dial-panner-pan" transform="translate(0 0)"/> <g transform="translate(5.5 44)"> <rect width="34" height="73" rx="5" fill="#fafafa"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> </g> </g> <g transform="translate(5.5 265)"> <rect width="34" height="73" rx="5" fill="#bbb"/> - <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="L_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">L</text> - <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <def id="R_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 70)">R</text> </g> </svg> diff --git a/res-src/Pgmr-src.svg b/res-src/Pgmr-src.svg @@ -2,16 +2,6 @@ <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/> - <defs> - <import id="knob26"/> - <import id="dial-pgmr"/> - <import id="button"/> - <import id="light-small"/> - <import id="button-small"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -32,13 +22,13 @@ <g transform="translate(5.5 56)"> <rect width="34" height="155" rx="5" fill="#bbb" transform="translate(0 -10)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text> - <use id="A_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="A_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">A</text> - <use id="B_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> + <def id="B_OUTPUT" xlink:href="#output" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 70)">B</text> - <use id="C_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> + <def id="C_OUTPUT" xlink:href="#output" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 105)">C</text> - <use id="D_OUTPUT" xlink:href="#output" transform="translate(5 108)"/> + <def id="D_OUTPUT" xlink:href="#output" transform="translate(5 108)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 140)">D</text> </g> @@ -46,50 +36,50 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 92)"/> <rect width="34" height="102" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 2)"/> + <def id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 2)"/> <text 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> - <use id="DIRECTION_PARAM" xlink:href="#button-small" transform="translate(22.5 39.7)"/> + <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> - <use id="SELECT_ON_CLOCK_PARAM" xlink:href="#button-small" transform="translate(22.5 53.2)"/> - <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 66)"/> + <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 font-size="5pt" letter-spacing="1px" transform="translate(2.5 98)">SELECT</text> </g> <g transform="translate(5.5 105)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="30" rx="5" fill="#bbb"/> - <use id="SELECT_ALL_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <def id="SELECT_ALL_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> </g> </g> <g transform="translate(45 30)"> <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">1</text> - <use id="CVA1_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> + <def id="CVA1_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB1_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> + <def id="CVB1_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 55)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC1_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> + <def id="CVC1_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 109)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD1_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> + <def id="CVD1_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 163)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> <g transform="translate(0 223)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT1_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT1_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT1_INPUT" xlink:href="#input" transform="translate(5 37)"/> + <def id="SELECT1_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> + <def id="SELECT1_PARAM" xlink:href="#button" transform="translate(8 14)"/> + <def id="SELECT1_INPUT" xlink:href="#input" transform="translate(5 37)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> </g> <g transform="translate(5.5 73)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT1_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <def id="SELECT1_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> </g> </g> </g> @@ -97,31 +87,31 @@ <g transform="translate(90 30)"> <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">2</text> - <use id="CVA2_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> + <def id="CVA2_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB2_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> + <def id="CVB2_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 55)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC2_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> + <def id="CVC2_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 109)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD2_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> + <def id="CVD2_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 163)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> <g transform="translate(0 223)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT2_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT2_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT2_INPUT" xlink:href="#input" transform="translate(5 37)"/> + <def id="SELECT2_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> + <def id="SELECT2_PARAM" xlink:href="#button" transform="translate(8 14)"/> + <def id="SELECT2_INPUT" xlink:href="#input" transform="translate(5 37)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> </g> <g transform="translate(5.5 73)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT2_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <def id="SELECT2_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> </g> </g> </g> @@ -129,31 +119,31 @@ <g transform="translate(135 30)"> <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">3</text> - <use id="CVA3_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> + <def id="CVA3_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB3_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> + <def id="CVB3_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 55)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC3_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> + <def id="CVC3_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 109)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD3_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> + <def id="CVD3_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 163)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> <g transform="translate(0 223)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT3_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT3_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT3_INPUT" xlink:href="#input" transform="translate(5 37)"/> + <def id="SELECT3_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> + <def id="SELECT3_PARAM" xlink:href="#button" transform="translate(8 14)"/> + <def id="SELECT3_INPUT" xlink:href="#input" transform="translate(5 37)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> </g> <g transform="translate(5.5 73)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT3_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <def id="SELECT3_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> </g> </g> </g> @@ -161,31 +151,31 @@ <g transform="translate(180 30)"> <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">4</text> - <use id="CVA4_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> + <def id="CVA4_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB4_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> + <def id="CVB4_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 55)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC4_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> + <def id="CVC4_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 109)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD4_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> + <def id="CVD4_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 163)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> <g transform="translate(0 223)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT4_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT4_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT4_INPUT" xlink:href="#input" transform="translate(5 37)"/> + <def id="SELECT4_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> + <def id="SELECT4_PARAM" xlink:href="#button" transform="translate(8 14)"/> + <def id="SELECT4_INPUT" xlink:href="#input" transform="translate(5 37)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> </g> <g transform="translate(5.5 73)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT4_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <def id="SELECT4_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> </g> </g>Z </g> diff --git a/res-src/PgmrX-src.svg b/res-src/PgmrX-src.svg @@ -2,15 +2,6 @@ <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/> - <defs> - <import id="knob26"/> - <import id="dial-pgmr"/> - <import id="button"/> - <import id="light-small"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 179,1 179,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -27,31 +18,31 @@ <g transform="translate(0 30)"> <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(18 -1)">+1</text> - <use id="CVA1_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> + <def id="CVA1_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB1_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> + <def id="CVB1_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 55)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC1_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> + <def id="CVC1_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 109)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD1_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> + <def id="CVD1_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 163)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> <g transform="translate(0 223)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT1_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT1_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT1_INPUT" xlink:href="#input" transform="translate(5 37)"/> + <def id="SELECT1_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> + <def id="SELECT1_PARAM" xlink:href="#button" transform="translate(8 14)"/> + <def id="SELECT1_INPUT" xlink:href="#input" transform="translate(5 37)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> </g> <g transform="translate(5.5 73)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT1_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <def id="SELECT1_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> </g> </g> </g> @@ -59,31 +50,31 @@ <g transform="translate(45 30)"> <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(18 -1)">+2</text> - <use id="CVA2_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> + <def id="CVA2_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB2_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> + <def id="CVB2_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 55)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC2_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> + <def id="CVC2_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 109)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD2_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> + <def id="CVD2_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 163)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> <g transform="translate(0 223)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT2_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT2_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT2_INPUT" xlink:href="#input" transform="translate(5 37)"/> + <def id="SELECT2_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> + <def id="SELECT2_PARAM" xlink:href="#button" transform="translate(8 14)"/> + <def id="SELECT2_INPUT" xlink:href="#input" transform="translate(5 37)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> </g> <g transform="translate(5.5 73)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT2_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <def id="SELECT2_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> </g> </g> </g> @@ -91,31 +82,31 @@ <g transform="translate(90 30)"> <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(18 -1)">+3</text> - <use id="CVA3_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> + <def id="CVA3_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB3_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> + <def id="CVB3_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 55)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC3_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> + <def id="CVC3_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 109)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD3_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> + <def id="CVD3_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 163)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> <g transform="translate(0 223)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT3_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT3_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT3_INPUT" xlink:href="#input" transform="translate(5 37)"/> + <def id="SELECT3_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> + <def id="SELECT3_PARAM" xlink:href="#button" transform="translate(8 14)"/> + <def id="SELECT3_INPUT" xlink:href="#input" transform="translate(5 37)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> </g> <g transform="translate(5.5 73)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT3_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <def id="SELECT3_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> </g> </g> </g> @@ -123,31 +114,31 @@ <g transform="translate(135 30)"> <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> --> <text font-size="5pt" letter-spacing="2px" transform="translate(17.5 -1)">+4</text> - <use id="CVA4_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 1)"/> + <def id="CVA4_PARAM" xlink:href="#knob26" transform="translate(9.5 10.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text> - <use id="CVB4_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 55)"/> + <def id="CVB4_PARAM" xlink:href="#knob26" transform="translate(9.5 64.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 55)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text> - <use id="CVC4_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 109)"/> + <def id="CVC4_PARAM" xlink:href="#knob26" transform="translate(9.5 118.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 109)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text> - <use id="CVD4_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> - <use xlink:href="#dial-pgmr" transform="translate(0 163)"/> + <def id="CVD4_PARAM" xlink:href="#knob26" transform="translate(9.5 172.5)"/> + <def xlink:href="#dial-pgmr" transform="translate(0 163)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text> <g transform="translate(0 223)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/> - <use id="SELECT4_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> - <use id="SELECT4_PARAM" xlink:href="#button" transform="translate(8 14)"/> - <use id="SELECT4_INPUT" xlink:href="#input" transform="translate(5 37)"/> + <def id="SELECT4_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/> + <def id="SELECT4_PARAM" xlink:href="#button" transform="translate(8 14)"/> + <def id="SELECT4_INPUT" xlink:href="#input" transform="translate(5 37)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text> </g> <g transform="translate(5.5 73)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/> <rect width="34" height="33" rx="5" fill="#bbb"/> - <use id="SELECT4_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> + <def id="SELECT4_OUTPUT" xlink:href="#output" transform="translate(5 4)"/> </g> </g> </g> diff --git a/res-src/PolyCon16-src.svg b/res-src/PolyCon16-src.svg @@ -2,16 +2,6 @@ <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/> - <defs> - <import id="knob16"/> - <import id="dial-channels-small"/> - <import id="knob19"/> - <import id="dial-centertick-19"/> - <import id="input"/> - <import id="output"/> - <import id="light-tiny"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -30,115 +20,115 @@ <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(104.67 0)" /> --> <g transform="translate(21.5 22)"> - <use id="CHANNEL1_PARAM" xlink:href="#knob19" transform="translate(3.6 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL1_PARAM" xlink:href="#knob19" transform="translate(3.6 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(-6.5 20.5)">1</text> - <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(21.5 59)"> - <use id="CHANNEL2_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL2_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(-7 20.5)">2</text> - <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(21.5 96)"> - <use id="CHANNEL3_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL3_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(-7 20.5)">3</text> - <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(21.5 133)"> - <use id="CHANNEL4_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL4_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">4</text> - <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(21.5 170)"> - <use id="CHANNEL5_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL5_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">5</text> - <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(21.5 207)"> - <use id="CHANNEL6_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL6_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">6</text> - <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(21.5 244)"> - <use id="CHANNEL7_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL7_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">7</text> - <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(21.5 281)"> - <use id="CHANNEL8_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL8_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">8</text> - <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(71.5 22)"> - <use id="CHANNEL9_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL9_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(31 20.5)">9</text> - <use id="CHANNEL9_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL9_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(71.5 59)"> - <use id="CHANNEL10_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL10_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">10</text> - <use id="CHANNEL10_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL10_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(71.5 96)"> - <use id="CHANNEL11_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL11_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">11</text> - <use id="CHANNEL11_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL11_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(71.5 133)"> - <use id="CHANNEL12_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL12_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">12</text> - <use id="CHANNEL12_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL12_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(71.5 170)"> - <use id="CHANNEL13_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL13_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">13</text> - <use id="CHANNEL13_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL13_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(71.5 207)"> - <use id="CHANNEL14_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL14_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">14</text> - <use id="CHANNEL14_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL14_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(71.5 244)"> - <use id="CHANNEL15_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL15_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">15</text> - <use id="CHANNEL15_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL15_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </g> <g transform="translate(71.5 281)"> - <use id="CHANNEL16_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> - <use xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> + <def id="CHANNEL16_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/> + <def xlink:href="#dial-centertick-19" transform="translate(-6.5 -2)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">16</text> - <use id="CHANNEL16_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> + <def id="CHANNEL16_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/> </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> - <use id="CHANNELS_PARAM" xlink:href="#knob16" transform="translate(12 12)"/> - <use xlink:href="#dial-channels-small" transform="translate(0 0)"/> + <def id="CHANNELS_PARAM" xlink:href="#knob16" transform="translate(12 12)"/> + <def xlink:href="#dial-channels-small" transform="translate(0 0)"/> </g> <g transform="translate(52 318)"> <rect width="60" height="40" rx="5" fill="#fafafa"/> <rect width="24" height="40" rx="5" fill="#bbb" transform="translate(38)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="CHANNELS_INPUT" xlink:href="#input" transform="translate(3.5 4)"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/> + <def id="CHANNELS_INPUT" xlink:href="#input" transform="translate(3.5 4)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/> <text 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> </g> diff --git a/res-src/PolyCon8-src.svg b/res-src/PolyCon8-src.svg @@ -2,13 +2,6 @@ <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/> - <defs> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="output"/> - <import id="light-tiny"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -27,64 +20,64 @@ <g transform="translate(0 18)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL1_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <def id="CHANNEL1_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">1</text> - <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <def id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> </g> <g transform="translate(0 49.5)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL2_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <def id="CHANNEL2_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">2</text> - <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <def id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> </g> <g transform="translate(0 81)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL3_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <def id="CHANNEL3_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">3</text> - <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <def id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> </g> <g transform="translate(0 112.5)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL4_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <def id="CHANNEL4_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">4</text> - <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <def id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> </g> <g transform="translate(0 144)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL5_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <def id="CHANNEL5_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">5</text> - <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <def id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> </g> <g transform="translate(0 175.5)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL6_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <def id="CHANNEL6_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">6</text> - <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <def id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> </g> <g transform="translate(0 207)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL7_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <def id="CHANNEL7_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">7</text> - <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <def id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> </g> <g transform="translate(0 238.5)"> <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> --> - <use id="CHANNEL8_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> + <def id="CHANNEL8_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/> + <def xlink:href="#dial-centertick" transform="translate(2.2 -6)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">8</text> - <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> + <def id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/> </g> <g transform="translate(7.5 270)"> <rect width="34" height="40" rx="5" fill="#bbb" transform="translate(-2 0)"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(5 36)">OUT</text> </g> </svg> diff --git a/res-src/PolyMult-src.svg b/res-src/PolyMult-src.svg @@ -2,13 +2,6 @@ <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/> - <defs> - <import id="knob16"/> - <import id="dial-channels-small"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -26,29 +19,29 @@ <g transform="translate(2.5 30)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(6.5 0)">CHAN</text> - <use id="CHANNELS_PARAM" xlink:href="#knob16" transform="translate(12 12)"/> - <use xlink:href="#dial-channels-small" transform="translate(0 0)"/> + <def id="CHANNELS_PARAM" xlink:href="#knob16" transform="translate(12 12)"/> + <def xlink:href="#dial-channels-small" transform="translate(0 0)"/> </g> <g transform="translate(0 70)"> <g transform="translate(5.5 0)"> <rect width="34" height="74" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 64)"/> - <use id="CHANNELS_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CHANNELS_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(6 35)">CHAN</text> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 39)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 39)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 71)">IN</text> </g> <g transform="translate(5.5 77)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="140" rx="5" fill="#bbb"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 67)">OUT</text> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 70)"/> + <def id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 70)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 102)">OUT</text> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 105)"/> + <def id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 105)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 137)">OUT</text> </g> </g> diff --git a/res-src/PolyOff16-src.svg b/res-src/PolyOff16-src.svg @@ -2,16 +2,6 @@ <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/> - <defs> - <import id="knob16"/> - <import id="dial-channels-small"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="input"/> - <import id="output"/> - <import id="light-tiny"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 239,1 239,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 239.5,0.5 239.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -30,158 +20,158 @@ <g transform="translate(5.5 24)"> <rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 40)"/> - <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 75)"/> - <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 110)"/> - <use id="CV5_INPUT" xlink:href="#input" transform="translate(5 145)"/> - <use id="CV6_INPUT" xlink:href="#input" transform="translate(5 180)"/> - <use id="CV7_INPUT" xlink:href="#input" transform="translate(5 215)"/> - <use id="CV8_INPUT" xlink:href="#input" transform="translate(5 250)"/> + <def id="CV1_INPUT" xlink:href="#input" transform="translate(5 5)"/> + <def id="CV2_INPUT" xlink:href="#input" transform="translate(5 40)"/> + <def id="CV3_INPUT" xlink:href="#input" transform="translate(5 75)"/> + <def id="CV4_INPUT" xlink:href="#input" transform="translate(5 110)"/> + <def id="CV5_INPUT" xlink:href="#input" transform="translate(5 145)"/> + <def id="CV6_INPUT" xlink:href="#input" transform="translate(5 180)"/> + <def id="CV7_INPUT" xlink:href="#input" transform="translate(5 215)"/> + <def id="CV8_INPUT" xlink:href="#input" transform="translate(5 250)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(4 284)">IN/CV</text> </g> <g transform="translate(125.5 24)"> <rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)"/> - <use id="CV9_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="CV10_INPUT" xlink:href="#input" transform="translate(5 40)"/> - <use id="CV11_INPUT" xlink:href="#input" transform="translate(5 75)"/> - <use id="CV12_INPUT" xlink:href="#input" transform="translate(5 110)"/> - <use id="CV13_INPUT" xlink:href="#input" transform="translate(5 145)"/> - <use id="CV14_INPUT" xlink:href="#input" transform="translate(5 180)"/> - <use id="CV15_INPUT" xlink:href="#input" transform="translate(5 215)"/> - <use id="CV16_INPUT" xlink:href="#input" transform="translate(5 250)"/> + <def id="CV9_INPUT" xlink:href="#input" transform="translate(5 5)"/> + <def id="CV10_INPUT" xlink:href="#input" transform="translate(5 40)"/> + <def id="CV11_INPUT" xlink:href="#input" transform="translate(5 75)"/> + <def id="CV12_INPUT" xlink:href="#input" transform="translate(5 110)"/> + <def id="CV13_INPUT" xlink:href="#input" transform="translate(5 145)"/> + <def id="CV14_INPUT" xlink:href="#input" transform="translate(5 180)"/> + <def id="CV15_INPUT" xlink:href="#input" transform="translate(5 215)"/> + <def id="CV16_INPUT" xlink:href="#input" transform="translate(5 250)"/> <text 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> - <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET1_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE1_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET1_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE1_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(0 68)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">2</text> - <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET2_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE2_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET2_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE2_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(0 103)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">3</text> - <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET3_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE3_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET3_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE3_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(0 138)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">4</text> - <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET4_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE4_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET4_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE4_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(0 173)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">5</text> - <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET5_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE5_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET5_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE5_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(0 208)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">6</text> - <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET6_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE6_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET6_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE6_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(0 243)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">7</text> - <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET7_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE7_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET7_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE7_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(0 278)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">8</text> - <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET8_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE8_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET8_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE8_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(120 33)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">9</text> - <use id="CHANNEL9_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET9_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE9_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL9_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET9_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE9_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(120 68)"> <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">10</text> - <use id="CHANNEL10_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET10_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE10_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL10_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET10_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE10_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(120 103)"> <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">11</text> - <use id="CHANNEL11_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET11_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE11_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL11_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET11_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE11_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(120 138)"> <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">12</text> - <use id="CHANNEL12_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET12_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE12_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL12_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET12_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE12_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(120 173)"> <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">13</text> - <use id="CHANNEL13_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET13_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE13_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL13_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET13_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE13_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(120 208)"> <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">14</text> - <use id="CHANNEL14_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET14_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE14_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL14_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET14_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE14_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(120 243)"> <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">15</text> - <use id="CHANNEL15_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET15_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE15_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL15_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET15_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE15_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <g transform="translate(120 278)"> <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">16</text> - <use id="CHANNEL16_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET16_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE16_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL16_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET16_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE16_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> </g> <text font-size="6pt" letter-spacing="0.3px" transform="translate(55 308)">OFFSET</text> @@ -194,16 +184,16 @@ <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> - <use id="CHANNELS_PARAM" xlink:href="#knob16" transform="translate(10 12)"/> - <use xlink:href="#dial-channels-small" transform="translate(-2 0)"/> + <def id="CHANNELS_PARAM" xlink:href="#knob16" transform="translate(10 12)"/> + <def xlink:href="#dial-channels-small" transform="translate(-2 0)"/> </g> <g transform="translate(115 318)"> <rect width="60" height="40" rx="5" fill="#fafafa"/> <rect width="24" height="40" rx="5" fill="#bbb" transform="translate(38)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(3.5 4)"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(3.5 4)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/> <text 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> </g> diff --git a/res-src/PolyOff8-src.svg b/res-src/PolyOff8-src.svg @@ -2,16 +2,6 @@ <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/> - <defs> - <import id="knob16"/> - <import id="dial-channels-small-8"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="input"/> - <import id="output"/> - <import id="light-tiny"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -33,94 +23,94 @@ <g transform="translate(5.5 24)"> <rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 40)"/> - <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 75)"/> - <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 110)"/> - <use id="CV5_INPUT" xlink:href="#input" transform="translate(5 145)"/> - <use id="CV6_INPUT" xlink:href="#input" transform="translate(5 180)"/> - <use id="CV7_INPUT" xlink:href="#input" transform="translate(5 215)"/> - <use id="CV8_INPUT" xlink:href="#input" transform="translate(5 250)"/> + <def id="CV1_INPUT" xlink:href="#input" transform="translate(5 5)"/> + <def id="CV2_INPUT" xlink:href="#input" transform="translate(5 40)"/> + <def id="CV3_INPUT" xlink:href="#input" transform="translate(5 75)"/> + <def id="CV4_INPUT" xlink:href="#input" transform="translate(5 110)"/> + <def id="CV5_INPUT" xlink:href="#input" transform="translate(5 145)"/> + <def id="CV6_INPUT" xlink:href="#input" transform="translate(5 180)"/> + <def id="CV7_INPUT" xlink:href="#input" transform="translate(5 215)"/> + <def id="CV8_INPUT" xlink:href="#input" transform="translate(5 250)"/> <text 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> - <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET1_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE1_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET1_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE1_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 68)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">2</text> - <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET2_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE2_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET2_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE2_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 103)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">3</text> - <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET3_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE3_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET3_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE3_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 138)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">4</text> - <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET4_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE4_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET4_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE4_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 173)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">5</text> - <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET5_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE5_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET5_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE5_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 208)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">6</text> - <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET6_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE6_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET6_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE6_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 243)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">7</text> - <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET7_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE7_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET7_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE7_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> <g transform="translate(0 278)"> <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">8</text> - <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> - <use id="OFFSET8_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> - <use xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> - <use id="SCALE8_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> - <use xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> + <def id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/> + <def id="OFFSET8_PARAM" xlink:href="#knob16" transform="translate(62.5 0)"/> + <def xlink:href="#dial-centertick" transform="translate(50.5 -12)"/> + <def id="SCALE8_PARAM" xlink:href="#knob16" transform="translate(93.5 0)"/> + <def xlink:href="#dial-mintick" transform="translate(81.5 -12)"/> <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> --> </g> @@ -129,16 +119,16 @@ <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> - <use id="CHANNELS_PARAM" xlink:href="#knob16" transform="translate(12 12)"/> - <use xlink:href="#dial-channels-small-8" transform="translate(0 0)"/> + <def id="CHANNELS_PARAM" xlink:href="#knob16" transform="translate(12 12)"/> + <def xlink:href="#dial-channels-small-8" transform="translate(0 0)"/> </g> <g transform="translate(52 318)"> <rect width="60" height="40" rx="5" fill="#fafafa"/> <rect width="24" height="40" rx="5" fill="#bbb" transform="translate(38)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(3.5 4)"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(3.5 4)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/> <text 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> </g> diff --git a/res-src/Pressor-src.svg b/res-src/Pressor-src.svg @@ -3,13 +3,6 @@ <style/> <defs> - <import id="knob38"/> - <import id="knob26"/> - <import id="dial-attenuverter"/> - <import id="switch"/> - <import id="input"/> - <import id="output"/> - <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> @@ -185,7 +178,7 @@ <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> --> <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 39)" /> --> <text font-size="8pt" letter-spacing="1.5px" transform="translate(4 56.5) rotate(270)">THRESHOLD</text> - <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(23 0)"/> + <def id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(23 0)"/> <use xlink:href="#dial-threshold-pressor" transform="translate(7 -16)"/> </g> @@ -193,7 +186,7 @@ <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> --> <!-- <polyline points="42,-20 42,250" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(4 38.5) rotate(270)">RATIO</text> - <use id="RATIO_PARAM" xlink:href="#knob38" transform="translate(23 0)"/> + <def id="RATIO_PARAM" xlink:href="#knob38" transform="translate(23 0)"/> <use xlink:href="#dial-ratio-pressor" transform="translate(7 -16)"/> </g> @@ -211,14 +204,14 @@ <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 13)" /> --> <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 33)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(6 38.5) rotate(270)">ATTACK</text> - <use id="ATTACK_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> + <def id="ATTACK_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> </g> <use xlink:href="#dial-attack-pressor" transform="translate(21.5 -9.5)"/> <g transform="translate(102 0)"> <!-- <rect width="51" height="10" fill="#f003" transform="translate(8 -15)" /> --> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(6 42) rotate(270)">RELEASE</text> - <use id="RELEASE_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> + <def id="RELEASE_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> </g> <use xlink:href="#dial-release-pressor" transform="translate(111.5 -9.5)"/> </g> @@ -231,21 +224,21 @@ <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 13)" /> --> <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 33)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 38.5) rotate(270)">IN GAIN</text> - <use id="INPUT_GAIN_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> + <def id="INPUT_GAIN_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> </g> <use xlink:href="#dial-inputgain-pressor" transform="translate(8.5 -9.5)"/> <g transform="translate(60 0)"> <!-- <rect width="47" height="10" fill="#f003" transform="translate(8 -15)" /> --> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 44.5) rotate(270)">OUT GAIN</text> - <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> + <def id="OUTPUT_GAIN_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> </g> <use xlink:href="#dial-outputgain-pressor" transform="translate(69.5 -9.5)"/> <g transform="translate(121 0)"> <!-- <rect width="47" height="10" fill="#f003" transform="translate(8 -15)" /> --> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">IN/SIDE</text> - <use id="DETECTOR_MIX_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> + <def id="DETECTOR_MIX_PARAM" xlink:href="#knob26" transform="translate(19 0)"/> </g> <use xlink:href="#dial-detectormix-pressor" transform="translate(130.5 -9.5)"/> </g> @@ -255,21 +248,21 @@ <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> --> <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> - <use id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">GATE</text> </g> <g transform="translate(0 49)"> <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> --> <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> - <use id="DECTECTOR_MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="DECTECTOR_MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">PEAK</text> </g> <g transform="translate(0 98)"> <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> --> <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> - <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text> </g> </g> @@ -283,54 +276,54 @@ <g transform="translate(10 0)"> <g transform="translate(3 0)"> - <use id="LEFT_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="LEFT_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text> </g> <g transform="translate(37 0)"> - <use id="SIDECHAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="SIDECHAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(3 40)">SIDE</text> </g> <g transform="translate(71 0)"> - <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(1.5 40)">TRSH</text> </g> <g transform="translate(105 0)"> - <use id="RATIO_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="RATIO_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">RATIO</text> </g> <g transform="translate(139 0)"> - <use id="ENVELOPE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="ENVELOPE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ENV</text> </g> <g transform="translate(173 0)"> - <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="LEFT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text> </g> </g> <g transform="translate(10 44)"> <g transform="translate(3 0)"> - <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="RIGHT_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(13 40)">R</text> </g> <g transform="translate(37 0)"> - <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="ATTACK_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ATT</text> </g> <g transform="translate(71 0)"> - <use id="RELEASE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="RELEASE_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(5.4 40)">REL</text> </g> <g transform="translate(105 0)"> - <use id="INPUT_GAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="INPUT_GAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">IGN</text> </g> <g transform="translate(139 0)"> - <use id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">OGN</text> </g> <g transform="translate(173 0)"> - <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(12 40)">R</text> </g> </g> diff --git a/res-src/Pulse-src.svg b/res-src/Pulse-src.svg @@ -3,13 +3,6 @@ <style/> <defs> - <import id="knob26"/> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <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" stroke="#333" transform="rotate(-240) translate(15 0)"/> @@ -86,27 +79,27 @@ <g transform="translate(0 25)"> <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 2)"/> + <def id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 2)"/> <use xlink:href="#dial-frequency-pulse" transform="translate(0 -7.5)"/> </g> <g transform="translate(0 63)"> <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/> + <def id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/> </g> <g transform="translate(0 89)"> <!-- <rect width="45" height="10" fill="#f0f" transform="translate(0 -17)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(15.5 -1)">PW</text> - <use id="PW_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> + <def id="PW_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> <use xlink:href="#dial-pw-pulse" transform="translate(0 0)"/> </g> <g transform="translate(0 145)"> <!-- <rect width="45" height="10" fill="#f0f" transform="translate(0 -16)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 0)">PWM</text> - <use id="PWM_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -2.5)"/> + <def id="PWM_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> + <def xlink:href="#dial-centertick" transform="translate(2.2 -2.5)"/> </g> <g transform="translate(0 182)"> @@ -114,17 +107,17 @@ <g transform="translate(5.5 0)"> <rect width="34" height="105" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text> - <use id="PWM_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="PWM_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(7 70)">PWM</text> - <use id="SYNC_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="SYNC_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5 105)">SYNC</text> </g> <g transform="translate(5.5 111)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/Reftone-src.svg b/res-src/Reftone-src.svg @@ -3,9 +3,6 @@ <style/> <defs> - <import id="knob26"/> - <import id="output"/> - <symbol id="display-reftone" viewBox="0 0 45px 34px"> <rect width="38" height="48" fill="#222" transform="translate(3.5 0)"/> </symbol> @@ -127,17 +124,17 @@ <g transform="translate(0 62)"> <g transform="translate(0 0)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7 0)">PITCH</text> - <use id="PITCH_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> + <def id="PITCH_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> </g> <g transform="translate(0 54)"> <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 0)">OCTAVE</text> - <use id="OCTAVE_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> + <def id="OCTAVE_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> </g> <g transform="translate(0 108)"> <text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">FINE</text> - <use id="FINE_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> + <def id="FINE_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/> </g> </g> </g> @@ -150,11 +147,11 @@ <g transform="translate(0 0)"> <rect width="34" height="75" rx="5" fill="#bbb" transform="translate(5.5 0)"/> <g transform="translate(5.5 1)"> - <use id="CV_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="CV_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> </g> <g transform="translate(5.5 39)"> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">SINE</text> </g> </g> diff --git a/res-src/SampleHold-src.svg b/res-src/SampleHold-src.svg @@ -2,13 +2,6 @@ <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/> - <defs> - <import id="button"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -29,8 +22,8 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 58)"/> <rect width="34" height="62" rx="5" fill="#fafafa"/> - <use id="TRIGGER1_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <use id="TRIGGER1_INPUT" xlink:href="#input" transform="translate(5 26)"/> + <def id="TRIGGER1_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <def id="TRIGGER1_INPUT" xlink:href="#input" transform="translate(5 26)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 58)">GATE</text> </g> </g> @@ -39,24 +32,24 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 51)"/> <rect width="34" height="58" rx="5" fill="#fafafa"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="TRACK1_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/> + <def id="TRACK1_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/> </g> <g transform="translate(9.5 52)"> <text font-size="5pt" letter-spacing="1.2px" transform="translate(1 5.5)">INV</text> - <use id="INVERT1_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/> + <def id="INVERT1_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/> </g> <g transform="translate(5.5 64)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> @@ -69,8 +62,8 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 58)"/> <rect width="34" height="62" rx="5" fill="#fafafa"/> - <use id="TRIGGER2_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <use id="TRIGGER2_INPUT" xlink:href="#input" transform="translate(5 26)"/> + <def id="TRIGGER2_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <def id="TRIGGER2_INPUT" xlink:href="#input" transform="translate(5 26)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 58)">GATE</text> </g> </g> @@ -79,24 +72,24 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 51)"/> <rect width="34" height="58" rx="5" fill="#fafafa"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="TRACK2_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/> + <def id="TRACK2_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/> </g> <g transform="translate(9.5 52)"> <text font-size="5pt" letter-spacing="1.2px" transform="translate(1 5.5)">INV</text> - <use id="INVERT2_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/> + <def id="INVERT2_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/> </g> <g transform="translate(5.5 64)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/Shaper-src.svg b/res-src/Shaper-src.svg @@ -2,17 +2,6 @@ <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/> - <defs> - <import id="knob38"/> - <import id="dial-sustain"/> - <import id="dial-exp"/> - <import id="button"/> - <import id="switch"/> - <import id="input"/> - <import id="output"/> - <import id="light-tiny"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -28,13 +17,13 @@ <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> - <use id="ATTACK_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(3 47)"/> + <def id="ATTACK_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(3 47)"/> </g> <g transform="translate(74 4)"> <rect width="58" height="40" rx="5" fill="#fafafa"/> - <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6) scale(0.18)"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/> + <def id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6) scale(0.18)"/> + <def id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text> </g> </g> @@ -42,13 +31,13 @@ <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> - <use id="ON_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="ON_LIGHT" xlink:href="#light-tiny" transform="translate(3 32)"/> + <def id="ON_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="ON_LIGHT" xlink:href="#light-tiny" transform="translate(3 32)"/> </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> - <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-1 34)">10X</text> </g> </g> @@ -56,13 +45,13 @@ <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> - <use id="DECAY_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 44)"/> + <def id="DECAY_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 44)"/> </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> - <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text> </g> </g> @@ -70,12 +59,12 @@ <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> - <use id="OFF_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="OFF_LIGHT" xlink:href="#light-tiny" transform="translate(3 36)"/> + <def id="OFF_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="OFF_LIGHT" xlink:href="#light-tiny" transform="translate(3 36)"/> </g> <g transform="translate(102 4)"> <rect width="30" height="40" rx="5" fill="#bbb"/> - <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <def id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text> </g> </g> @@ -83,12 +72,12 @@ <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> - <use id="ENV_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> + <def id="ENV_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> </g> <g transform="translate(0 4)"> <rect width="58" height="40" rx="5" fill="#bbb"/> - <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(2.5 3)"/> - <use id="INV_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> + <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 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> </g> @@ -97,24 +86,24 @@ <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> - <use id="SIGNAL_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> + <def id="SIGNAL_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> </g> <g transform="translate(0 4)"> <rect width="58" height="40" rx="5" fill="#fafafa"/> <rect width="20" height="40" rx="5" fill="#bbb" transform="translate(38)"/> <rect width="20" height="40" fill="#bbb" transform="translate(29)"/> - <use id="SIGNAL_INPUT" xlink:href="#input" transform="translate(2.5 3)"/> - <use id="SIGNAL_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> + <def id="SIGNAL_INPUT" xlink:href="#input" transform="translate(2.5 3)"/> + <def id="SIGNAL_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> <text 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> </g> </g> </g> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 19)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 94)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 169)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 243)"/> - <use xlink:href="#dial-sustain" transform="scale(0.75) translate(85 318)"/> - <use xlink:href="#dial-sustain" transform="scale(0.75) translate(85 392.5)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(14 19)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(14 94)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(14 169)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(14 243)"/> + <def xlink:href="#dial-sustain" transform="scale(0.75) translate(85 318)"/> + <def xlink:href="#dial-sustain" transform="scale(0.75) translate(85 392.5)"/> </svg> diff --git a/res-src/ShaperPlus-src.svg b/res-src/ShaperPlus-src.svg @@ -2,17 +2,6 @@ <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/> - <defs> - <import id="knob38"/> - <import id="dial-sustain"/> - <import id="dial-exp"/> - <import id="button"/> - <import id="switch"/> - <import id="input"/> - <import id="output"/> - <import id="light-tiny"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -37,77 +26,77 @@ <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> - <use id="ATTACK_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(3 47)"/> + <def id="ATTACK_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(3 47)"/> </g> <g transform="translate(74 4)"> <rect width="58" height="40" rx="5" fill="#fafafa"/> - <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6)"/> - <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/> + <def id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6)"/> + <def id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text> </g> - <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="ATTACK_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> + <def id="ATTACK_INPUT" xlink:href="#input" transform="translate(143 7)"/> + <def id="ATTACK_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> </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> - <use id="ON_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="ON_LIGHT" xlink:href="#light-tiny" transform="translate(3 32)"/> + <def id="ON_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="ON_LIGHT" xlink:href="#light-tiny" transform="translate(3 32)"/> </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> - <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-1 34)">10X</text> </g> - <use id="ON_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="ON_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> + <def id="ON_INPUT" xlink:href="#input" transform="translate(143 7)"/> + <def id="ON_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> </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> - <use id="DECAY_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 44)"/> + <def id="DECAY_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(3 44)"/> </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> - <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <def id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text> </g> - <use id="DECAY_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="DECAY_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> + <def id="DECAY_INPUT" xlink:href="#input" transform="translate(143 7)"/> + <def id="DECAY_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> </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> - <use id="OFF_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> - <use id="OFF_LIGHT" xlink:href="#light-tiny" transform="translate(3 36)"/> + <def id="OFF_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="OFF_LIGHT" xlink:href="#light-tiny" transform="translate(3 36)"/> </g> - <use id="OFF_INPUT" xlink:href="#input" transform="translate(143 7)"/> - <use id="OFF_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> + <def id="OFF_INPUT" xlink:href="#input" transform="translate(143 7)"/> + <def id="OFF_OUTPUT" xlink:href="#output" transform="translate(180 7)"/> </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> - <use id="ENV_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> + <def id="ENV_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> </g> <g transform="translate(0 4)"> <rect width="58" height="40" rx="5" fill="#bbb"/> - <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(2.5 3)"/> - <use id="INV_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> + <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 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> </g> - <use id="ENV_INPUT" xlink:href="#input" transform="translate(143 7)"/> + <def id="ENV_INPUT" xlink:href="#input" transform="translate(143 7)"/> <g transform="translate(177 4)"> <rect width="30" height="40" rx="5" fill="#bbb"/> - <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> + <def id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text> </g> </g> @@ -115,25 +104,25 @@ <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> - <use id="SIGNAL_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> + <def id="SIGNAL_PARAM" xlink:href="#knob38" transform="translate(-1.7 0)"/> </g> <g transform="translate(0 4)"> <rect width="58" height="40" rx="5" fill="#fafafa"/> <rect width="20" height="40" rx="5" fill="#bbb" transform="translate(38)"/> <rect width="20" height="40" fill="#bbb" transform="translate(29)"/> - <use id="SIGNAL_INPUT" xlink:href="#input" transform="translate(2.5 3)"/> - <use id="SIGNAL_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> + <def id="SIGNAL_INPUT" xlink:href="#input" transform="translate(2.5 3)"/> + <def id="SIGNAL_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> <text 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> </g> - <use id="SIGNALCV_INPUT" xlink:href="#input" transform="translate(143 7)"/> + <def id="SIGNALCV_INPUT" xlink:href="#input" transform="translate(143 7)"/> </g> </g> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 19)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 94)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 169)"/> - <use xlink:href="#dial-exp" transform="scale(0.75) translate(14 243)"/> - <use xlink:href="#dial-sustain" transform="scale(0.75) translate(85 318)"/> - <use xlink:href="#dial-sustain" transform="scale(0.75) translate(85 392.5)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(14 19)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(14 94)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(14 169)"/> + <def xlink:href="#dial-exp" transform="scale(0.75) translate(14 243)"/> + <def xlink:href="#dial-sustain" transform="scale(0.75) translate(85 318)"/> + <def xlink:href="#dial-sustain" transform="scale(0.75) translate(85 392.5)"/> </svg> diff --git a/res-src/Sine-src.svg b/res-src/Sine-src.svg @@ -3,14 +3,6 @@ <style/> <defs> - <import id="knob26"/> - <import id="knob16"/> - <import id="dial-mintick"/> - <import id="dial-centertick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <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" stroke="#333" transform="rotate(-240) translate(15 0)"/> @@ -49,27 +41,27 @@ <g transform="translate(0 25)"> <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 2)"/> + <def id="FREQUENCY_PARAM" xlink:href="#knob26" transform="translate(9.5 2)"/> <use xlink:href="#dial-frequency-sine" transform="translate(0 -7.5)"/> </g> <g transform="translate(0 63)"> <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/> + <def id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/> </g> <g transform="translate(0 83)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(16 0)">FM</text> - <use id="FM_DEPTH_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-mintick" transform="translate(2.2 -2.5)"/> + <def id="FM_DEPTH_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> + <def xlink:href="#dial-mintick" transform="translate(2.2 -2.5)"/> </g> <g transform="translate(0 125)"> <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> --> <text font-size="6pt" letter-spacing="2px" transform="translate(6 0)">PHASE</text> - <use id="PHASE_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> - <use xlink:href="#dial-centertick" transform="translate(2.2 -2.5)"/> + <def id="PHASE_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> + <def xlink:href="#dial-centertick" transform="translate(2.2 -2.5)"/> </g> <g transform="translate(0 158)"> @@ -77,19 +69,19 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 133)"/> <rect width="34" height="140" rx="5" fill="#fafafa"/> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text> - <use id="FM_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="FM_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 70)">FM</text> - <use id="PHASE_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="PHASE_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(2.5 105)">PHASE</text> - <use id="SYNC_INPUT" xlink:href="#input" transform="translate(5 108)"/> + <def id="SYNC_INPUT" xlink:href="#input" transform="translate(5 108)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5 140)">SYNC</text> </g> <g transform="translate(5.5 146)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/Slew-src.svg b/res-src/Slew-src.svg @@ -3,11 +3,6 @@ <style/> <defs> - <import id="knob26"/> - <import id="knob16"/> - <import id="input"/> - <import id="output"/> - <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> @@ -70,26 +65,26 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(11 0)">RISE</text> - <use id="RISE_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> + <def id="RISE_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> <use xlink:href="#dial-time-slew" transform="translate(0 -1)"/> - <use id="RISE_SHAPE_PARAM" xlink:href="#knob16" transform="translate(14.5 51)"/> + <def id="RISE_SHAPE_PARAM" xlink:href="#knob16" transform="translate(14.5 51)"/> <use xlink:href="#dial-rise-shape-slew" transform="translate(2.5 39)"/> <g transform="translate(7.5 77)"> <rect width="30" height="30" rx="5" fill="#fafafa"/> - <use id="RISE_INPUT" xlink:href="#input" transform="translate(3 3)"/> + <def id="RISE_INPUT" xlink:href="#input" transform="translate(3 3)"/> <!-- <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> --> </g> </g> <g transform="translate(0 146)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(11 0)">FALL</text> - <use id="FALL_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> + <def id="FALL_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> <use xlink:href="#dial-time-slew" transform="translate(0 -1)"/> - <use id="FALL_SHAPE_PARAM" xlink:href="#knob16" transform="translate(14.5 51)"/> + <def id="FALL_SHAPE_PARAM" xlink:href="#knob16" transform="translate(14.5 51)"/> <use xlink:href="#dial-fall-shape-slew" transform="translate(2.5 39)"/> <g transform="translate(7.5 77)"> <rect width="30" height="30" rx="5" fill="#fafafa"/> - <use id="FALL_INPUT" xlink:href="#input" transform="translate(3 3)"/> + <def id="FALL_INPUT" xlink:href="#input" transform="translate(3 3)"/> <!-- <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> --> </g> </g> @@ -98,13 +93,13 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/Stack-src.svg b/res-src/Stack-src.svg @@ -3,12 +3,6 @@ <style/> <defs> - <import id="knob26"/> - <import id="knob16"/> - <import id="button-small"/> - <import id="input"/> - <import id="output"/> - <symbol id="dial-octave-stack" viewBox="0 0 45px 45px"> <g transform="translate(22.5 22.5)"> <g transform="rotate(-180) translate(10 0)"> @@ -119,29 +113,29 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2px" transform="translate(6.4 0)">SEMIS</text> - <use id="SEMIS_PARAM" xlink:href="#knob26" transform="translate(9.5 7.5)"/> + <def id="SEMIS_PARAM" xlink:href="#knob26" transform="translate(9.5 7.5)"/> <use xlink:href="#dial-interval-stack" transform="translate(0 -2)"/> </g> <g transform="translate(0 77)"> <text font-size="6pt" letter-spacing="2px" transform="translate(2.2 0)">OCTAVE</text> - <use id="OCTAVE_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> + <def id="OCTAVE_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> <use xlink:href="#dial-octave-stack" transform="translate(0 -5)"/> </g> <g transform="translate(0 117)"> <text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">FINE</text> - <use id="FINE_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> + <def id="FINE_PARAM" xlink:href="#knob16" transform="translate(14.5 9.5)"/> <use xlink:href="#dial-fine-stack" transform="translate(0 -5)"/> </g> <g transform="translate(5.5 154)"> <rect width="34" height="50" rx="5" fill="#fafafa"/> - <use id="CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="QUANTIZE_PARAM" xlink:href="#button-small" transform="translate(22 -1)"/> + <def id="QUANTIZE_PARAM" xlink:href="#button-small" transform="translate(22 -1)"/> </g> </g> @@ -149,15 +143,15 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="72" rx="5" fill="#bbb"/> - <use id="THRU_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="THRU_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 32)">THRU</text> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 36)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 36)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 68)">OUT</text> </g> </g> diff --git a/res-src/Sums-src.svg b/res-src/Sums-src.svg @@ -2,11 +2,6 @@ <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/> - <defs> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -23,19 +18,19 @@ <g transform="translate(7.5 18)"> <rect width="34" height="63.5" rx="5" fill="#fafafa" transform="translate(-2 0)"/> <rect width="34" height="10" fill="#fafafa" transform="translate(-2 53.5)"/> - <use id="A_INPUT" xlink:href="#input" transform="translate(3 5)"/> - <use id="B_INPUT" xlink:href="#input" transform="translate(3 35)"/> + <def id="A_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="B_INPUT" xlink:href="#input" transform="translate(3 35)"/> </g> <g transform="translate(7.5 82)"> <rect width="34" height="163" rx="5" fill="#bbb" transform="translate(-2 0)"/> <rect width="34" height="10" fill="#bbb" transform="translate(-2 0)"/> - <use id="SUM_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <def id="SUM_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.3 37)">SUM</text> - <use id="DIFFERENCE_OUTPUT" xlink:href="#output" transform="translate(3 44)"/> + <def id="DIFFERENCE_OUTPUT" xlink:href="#output" transform="translate(3 44)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5 77)">DIFF</text> - <use id="MAX_OUTPUT" xlink:href="#output" transform="translate(3 84)"/> + <def id="MAX_OUTPUT" xlink:href="#output" transform="translate(3 84)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 117)">MAX</text> - <use id="MIN_OUTPUT" xlink:href="#output" transform="translate(3 124)"/> + <def id="MIN_OUTPUT" xlink:href="#output" transform="translate(3 124)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 157)">MIN</text> </g> @@ -43,12 +38,12 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 22)"/> <rect width="34" height="32" rx="5" fill="#fafafa"/> - <use id="NEGATE_INPUT" xlink:href="#input" transform="translate(5 4)"/> + <def id="NEGATE_INPUT" xlink:href="#input" transform="translate(5 4)"/> </g> <g transform="translate(5.5 35)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="39" rx="5" fill="#bbb"/> - <use id="NEGATE_OUTPUT" xlink:href="#output" transform="translate(5 2)"/> + <def id="NEGATE_OUTPUT" xlink:href="#output" transform="translate(5 2)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 34)">NEG</text> </g> </g> diff --git a/res-src/Switch-src.svg b/res-src/Switch-src.svg @@ -2,14 +2,6 @@ <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/> - <defs> - <import id="button"/> - <import id="button-small"/> - <import id="input"/> - <import id="output"/> - <import id="light-small"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -31,33 +23,33 @@ <g transform="translate(0 18)"> <g transform="translate(5.5 0)"> <rect width="34" height="62" rx="5" fill="#fafafa"/> - <use id="GATE_PARAM" xlink:href="#button" transform="translate(8 4)"/> - <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 26)"/> + <def id="GATE_PARAM" xlink:href="#button" transform="translate(8 4)"/> + <def id="GATE_INPUT" xlink:href="#input" transform="translate(5 26)"/> <text 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> - <use id="LATCH_PARAM" xlink:href="#button-small" transform="translate(27 -1)"/> + <def id="LATCH_PARAM" xlink:href="#button-small" transform="translate(27 -1)"/> </g> <g transform="translate(0 79)"> <g transform="translate(5.5 0)"> <rect width="34" height="74" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 64)"/> - <use id="HIGH1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="HIGH1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(11.0 35)">HIGH</text> - <use id="HIGH1_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> + <def id="HIGH1_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> </g> <g transform="translate(5.5 36)"> - <use id="LOW1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LOW1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.0 35)">LOW</text> - <use id="LOW1_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> + <def id="LOW1_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> </g> <g transform="translate(5.5 77)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> @@ -66,19 +58,19 @@ <g transform="translate(5.5 0)"> <rect width="34" height="74" rx="5" fill="#fafafa"/> <rect width="34" height="10" fill="#fafafa" transform="translate(0 64)"/> - <use id="HIGH2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="HIGH2_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(11.0 35)">HIGH</text> - <use id="HIGH2_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> + <def id="HIGH2_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> </g> <g transform="translate(5.5 36)"> - <use id="LOW2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="LOW2_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11.0 35)">LOW</text> - <use id="LOW2_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> + <def id="LOW2_LIGHT" xlink:href="#light-small" transform="translate(2 29.3)"/> </g> <g transform="translate(5.5 77)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/Switch1616-src.svg b/res-src/Switch1616-src.svg @@ -2,12 +2,6 @@ <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/> - <defs> - <import id="button-small"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -33,53 +27,53 @@ <rect width="28" height="10" rx="5" fill="#bbb" transform="translate(38.5 302)"/> <g transform="translate(5.5 9)"> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(4 22)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(4 22)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 34)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 36.5)">2</text> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(4 58)"/> + <def id="IN4_INPUT" xlink:href="#input" transform="translate(4 58)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 70)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 72.5)">4</text> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(4 94)"/> + <def id="IN6_INPUT" xlink:href="#input" transform="translate(4 94)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 106)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 108.5)">6</text> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(4 130)"/> + <def id="IN8_INPUT" xlink:href="#input" transform="translate(4 130)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 142)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 144.5)">8</text> - <use id="IN10_INPUT" xlink:href="#input" transform="translate(4 166)"/> + <def id="IN10_INPUT" xlink:href="#input" transform="translate(4 166)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 178)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 180.5)">10</text> - <use id="IN12_INPUT" xlink:href="#input" transform="translate(4 202)"/> + <def id="IN12_INPUT" xlink:href="#input" transform="translate(4 202)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 214)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 216.5)">12</text> - <use id="IN14_INPUT" xlink:href="#input" transform="translate(4 238)"/> + <def id="IN14_INPUT" xlink:href="#input" transform="translate(4 238)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 250)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 252.5)">14</text> - <use id="IN16_INPUT" xlink:href="#input" transform="translate(4 274)"/> + <def id="IN16_INPUT" xlink:href="#input" transform="translate(4 274)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 286)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(37 288.5)">16</text> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(28 4)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(28 4)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 16)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(16 18.5)">1</text> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(28 40)"/> + <def id="IN3_INPUT" xlink:href="#input" transform="translate(28 40)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 52)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(16 54.5)">3</text> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(28 76)"/> + <def id="IN5_INPUT" xlink:href="#input" transform="translate(28 76)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 88)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(16 90.5)">5</text> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(28 112)"/> + <def id="IN7_INPUT" xlink:href="#input" transform="translate(28 112)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 124)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(16 126.5)">7</text> - <use id="IN9_INPUT" xlink:href="#input" transform="translate(28 148)"/> + <def id="IN9_INPUT" xlink:href="#input" transform="translate(28 148)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 160)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(16 162.5)">9</text> - <use id="IN11_INPUT" xlink:href="#input" transform="translate(28 184)"/> + <def id="IN11_INPUT" xlink:href="#input" transform="translate(28 184)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 196)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(11 198.5)">11</text> - <use id="IN13_INPUT" xlink:href="#input" transform="translate(28 220)"/> + <def id="IN13_INPUT" xlink:href="#input" transform="translate(28 220)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 232)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(11 234.5)">13</text> - <use id="IN15_INPUT" xlink:href="#input" transform="translate(28 256)"/> + <def id="IN15_INPUT" xlink:href="#input" transform="translate(28 256)"/> <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 268)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(11 270.5)">15</text> @@ -94,53 +88,53 @@ </g> <g transform="translate(22.5 302)"> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(4 28)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(4 28)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(16 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(13.7 19)">A</text> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(40 28)"/> + <def id="OUT3_OUTPUT" xlink:href="#output" transform="translate(40 28)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(52 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(49.7 19)">C</text> - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(76 28)"/> + <def id="OUT5_OUTPUT" xlink:href="#output" transform="translate(76 28)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(88 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(85.9 19)">E</text> - <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(112 28)"/> + <def id="OUT7_OUTPUT" xlink:href="#output" transform="translate(112 28)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(124 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(121.7 19)">G</text> - <use id="OUT9_OUTPUT" xlink:href="#output" transform="translate(148 28)"/> + <def id="OUT9_OUTPUT" xlink:href="#output" transform="translate(148 28)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(160 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(159 19)">I</text> - <use id="OUT11_OUTPUT" xlink:href="#output" transform="translate(184 28)"/> + <def id="OUT11_OUTPUT" xlink:href="#output" transform="translate(184 28)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(196 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(193.8 19)">K</text> - <use id="OUT13_OUTPUT" xlink:href="#output" transform="translate(220 28)"/> + <def id="OUT13_OUTPUT" xlink:href="#output" transform="translate(220 28)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(232 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(229.05 19)">M</text> - <use id="OUT15_OUTPUT" xlink:href="#output" transform="translate(256 28)"/> + <def id="OUT15_OUTPUT" xlink:href="#output" transform="translate(256 28)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(268 22)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(265.7 19)">O</text> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(22 4)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(22 4)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(34 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(32 42)">B</text> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(58 4)"/> + <def id="OUT4_OUTPUT" xlink:href="#output" transform="translate(58 4)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(70 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(68 42)">D</text> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(94 4)"/> + <def id="OUT6_OUTPUT" xlink:href="#output" transform="translate(94 4)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(106 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(104 42)">F</text> - <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(130 4)"/> + <def id="OUT8_OUTPUT" xlink:href="#output" transform="translate(130 4)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(142 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(139.65 42)">H</text> - <use id="OUT10_OUTPUT" xlink:href="#output" transform="translate(166 4)"/> + <def id="OUT10_OUTPUT" xlink:href="#output" transform="translate(166 4)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(178 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(176 42)">J</text> - <use id="OUT12_OUTPUT" xlink:href="#output" transform="translate(202 4)"/> + <def id="OUT12_OUTPUT" xlink:href="#output" transform="translate(202 4)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(214 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(212 42)">L</text> - <use id="OUT14_OUTPUT" xlink:href="#output" transform="translate(238 4)"/> + <def id="OUT14_OUTPUT" xlink:href="#output" transform="translate(238 4)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(250 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(247.6 42)">N</text> - <use id="OUT16_OUTPUT" xlink:href="#output" transform="translate(274 4)"/> + <def id="OUT16_OUTPUT" xlink:href="#output" transform="translate(274 4)"/> <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(286 31)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(283.8 42)">P</text> </g> @@ -149,277 +143,277 @@ <!-- <rect width="260" height="260" fill="#f0f" transform="translate(0 0)" /> --> <!-- <rect width="240" height="240" fill="#0ff" transform="translate(20 0)" /> --> - <use id="MIX_1_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_1_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_2_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_2_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_3_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_3_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_4_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_4_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_5_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_5_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_6_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_6_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_7_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_7_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_8_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_8_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_9_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_9_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_10_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_10_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_11_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_11_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_12_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_12_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_13_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_13_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_14_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_14_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_15_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_15_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 232.5) translate(-4.5 -4.5)"/> - - <use id="MIX_16_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 7.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 22.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 37.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 52.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 67.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 82.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 97.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 112.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 127.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 142.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 157.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 172.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 187.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 202.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 217.5) translate(-4.5 -4.5)"/> - <use id="MIX_16_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 232.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_1_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_2_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_2_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_3_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_3_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_4_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_4_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_5_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_5_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_6_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_6_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_7_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_7_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_8_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_8_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_9_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_9_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_10_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_10_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_11_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_11_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_12_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_12_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_13_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_13_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_14_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_14_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_15_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_15_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 232.5) translate(-4.5 -4.5)"/> + + <def id="MIX_16_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 7.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 22.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 37.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 52.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 67.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 82.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 97.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 112.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 127.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 142.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 157.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 172.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 187.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 202.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 217.5) translate(-4.5 -4.5)"/> + <def id="MIX_16_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 232.5) translate(-4.5 -4.5)"/> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(7.5 0)" /> --> <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(22.5 0)" /> --> diff --git a/res-src/Switch44-src.svg b/res-src/Switch44-src.svg @@ -2,12 +2,6 @@ <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/> - <defs> - <import id="button"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -28,70 +22,70 @@ <g transform="translate(13.5 42.5)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text> - <use id="MIX11_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX11_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(13.5 99)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2A</text> - <use id="MIX21_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX21_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(13.5 155)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3A</text> - <use id="MIX31_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX31_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(13.5 211)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4A</text> - <use id="MIX41_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX41_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(45.5 42.5)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1B</text> - <use id="MIX12_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX12_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(45.5 99)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2B</text> - <use id="MIX22_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX22_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(45.5 155)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3B</text> - <use id="MIX32_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX32_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(45.5 211)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4B</text> - <use id="MIX42_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX42_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(77.5 42.5)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1C</text> - <use id="MIX13_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX13_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(77.5 99)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2C</text> - <use id="MIX23_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX23_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(77.5 155)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3C</text> - <use id="MIX33_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX33_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(77.5 211)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4C</text> - <use id="MIX43_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX43_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(109.5 42.5)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1D</text> - <use id="MIX14_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX14_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(109.5 99)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2D</text> - <use id="MIX24_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX24_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(109.5 155)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3D</text> - <use id="MIX34_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX34_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(109.5 211)"> <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4D</text> - <use id="MIX44_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> + <def id="MIX44_PARAM" xlink:href="#button" transform="translate(4.5 17)"/> </g> <g transform="translate(0 269)"> @@ -100,37 +94,37 @@ <rect width="130" height="10" fill="#fafafa" transform="translate(10 34)"/> <g transform="translate(12 0)"> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">1</text> </g> <g transform="translate(44 0)"> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">2</text> </g> <g transform="translate(76 0)"> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="IN3_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">3</text> </g> <g transform="translate(108 0)"> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="IN4_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.4 40)">4</text> </g> <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.2 40)">A</text> </g> <g transform="translate(34 0)"> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">B</text> </g> <g transform="translate(66 0)"> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">C</text> </g> <g transform="translate(98 0)"> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">D</text> </g> </g> diff --git a/res-src/Switch88-src.svg b/res-src/Switch88-src.svg @@ -2,12 +2,6 @@ <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/> - <defs> - <import id="button"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -25,226 +19,226 @@ <g transform="translate(5.5 25)"> <rect width="34" height="293" rx="5" fill="#fafafa" transform="translate(0 0)"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)"/> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)"/> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)"/> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)"/> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)"/> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)"/> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)"/> + <def id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)"/> + <def id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)"/> + <def id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)"/> + <def id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)"/> + <def id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)"/> + <def id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)"/> </g> <g transform="translate(46.5 323)"> <rect width="278.5" height="34" rx="5" fill="#bbb" transform="translate(0 0)"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 5)"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(40 5)"/> - <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(75 5)"/> - <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(110 5)"/> - <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(145 5)"/> - <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(180 5)"/> - <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(215 5)"/> - <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(250 5)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 5)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(40 5)"/> + <def id="OUT3_OUTPUT" xlink:href="#output" transform="translate(75 5)"/> + <def id="OUT4_OUTPUT" xlink:href="#output" transform="translate(110 5)"/> + <def id="OUT5_OUTPUT" xlink:href="#output" transform="translate(145 5)"/> + <def id="OUT6_OUTPUT" xlink:href="#output" transform="translate(180 5)"/> + <def id="OUT7_OUTPUT" xlink:href="#output" transform="translate(215 5)"/> + <def id="OUT8_OUTPUT" xlink:href="#output" transform="translate(250 5)"/> </g> <g transform="translate(50 24)"> - <use id="MIX11_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX11_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(50 61)"> - <use id="MIX21_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX21_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(50 98)"> - <use id="MIX31_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX31_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(50 135)"> - <use id="MIX41_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX41_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(50 172)"> - <use id="MIX51_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX51_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(50 209)"> - <use id="MIX61_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX61_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(50 246)"> - <use id="MIX71_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX71_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(50 283)"> - <use id="MIX81_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX81_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(85 24)"> - <use id="MIX12_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX12_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(85 61)"> - <use id="MIX22_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX22_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(85 98)"> - <use id="MIX32_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX32_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(85 135)"> - <use id="MIX42_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX42_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(85 172)"> - <use id="MIX52_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX52_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(85 209)"> - <use id="MIX62_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX62_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(85 246)"> - <use id="MIX72_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX72_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(85 283)"> - <use id="MIX82_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX82_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(120 24)"> - <use id="MIX13_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX13_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(120 61)"> - <use id="MIX23_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX23_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(120 98)"> - <use id="MIX33_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX33_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(120 135)"> - <use id="MIX43_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX43_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(120 172)"> - <use id="MIX53_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX53_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(120 209)"> - <use id="MIX63_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX63_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(120 246)"> - <use id="MIX73_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX73_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(120 283)"> - <use id="MIX83_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX83_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(155 24)"> - <use id="MIX14_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX14_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(155 61)"> - <use id="MIX24_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX24_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(155 98)"> - <use id="MIX34_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX34_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(155 135)"> - <use id="MIX44_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX44_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(155 172)"> - <use id="MIX54_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX54_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(155 209)"> - <use id="MIX64_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX64_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(155 246)"> - <use id="MIX74_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX74_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(155 283)"> - <use id="MIX84_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX84_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(190 24)"> - <use id="MIX15_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX15_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(190 61)"> - <use id="MIX25_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX25_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(190 98)"> - <use id="MIX35_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX35_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(190 135)"> - <use id="MIX45_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX45_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(190 172)"> - <use id="MIX55_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX55_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(190 209)"> - <use id="MIX65_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX65_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(190 246)"> - <use id="MIX75_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX75_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(190 283)"> - <use id="MIX85_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX85_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(225 24)"> - <use id="MIX16_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX16_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(225 61)"> - <use id="MIX26_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX26_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(225 98)"> - <use id="MIX36_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX36_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(225 135)"> - <use id="MIX46_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX46_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(225 172)"> - <use id="MIX56_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX56_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(225 209)"> - <use id="MIX66_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX66_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(225 246)"> - <use id="MIX76_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX76_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(225 283)"> - <use id="MIX86_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX86_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(260 24)"> - <use id="MIX17_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX17_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(260 61)"> - <use id="MIX27_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX27_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(260 98)"> - <use id="MIX37_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX37_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(260 135)"> - <use id="MIX47_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX47_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(260 172)"> - <use id="MIX57_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX57_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(260 209)"> - <use id="MIX67_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX67_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(260 246)"> - <use id="MIX77_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX77_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(260 283)"> - <use id="MIX87_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX87_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(295 24)"> - <use id="MIX18_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX18_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(295 61)"> - <use id="MIX28_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX28_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(295 98)"> - <use id="MIX38_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX38_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(295 135)"> - <use id="MIX48_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX48_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(295 172)"> - <use id="MIX58_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX58_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(295 209)"> - <use id="MIX68_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX68_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(295 246)"> - <use id="MIX78_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX78_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> <g transform="translate(295 283)"> - <use id="MIX88_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> + <def id="MIX88_PARAM" xlink:href="#button" transform="translate(4.5 9)"/> </g> diff --git a/res-src/Test-src.svg b/res-src/Test-src.svg @@ -2,13 +2,6 @@ <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/> - <defs> - <import id="knob26"/> - <import id="dial-test"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -29,39 +22,39 @@ <g transform="translate(0 10)"> <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1</text> --> - <use id="PARAM1_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -6)"/> + <def id="PARAM1_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> + <def xlink:href="#dial-test" transform="translate(0 -6)"/> </g> <g transform="translate(0 50)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> </g> </g> <g transform="translate(0 95)"> <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P2</text> --> - <use id="PARAM2_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -6)"/> + <def id="PARAM2_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> + <def xlink:href="#dial-test" transform="translate(0 -6)"/> </g> <g transform="translate(0 135)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> </g> </g> <g transform="translate(0 180)"> <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P3</text> --> - <use id="PARAM3_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -6)"/> + <def id="PARAM3_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> + <def xlink:href="#dial-test" transform="translate(0 -6)"/> </g> <g transform="translate(0 220)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> </g> </g> @@ -70,13 +63,13 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/Test2-src.svg b/res-src/Test2-src.svg @@ -2,13 +2,6 @@ <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/> - <defs> - <import id="knob26"/> - <import id="dial-test"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -22,78 +15,78 @@ <g transform="translate(0 30)"> <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1A</text> - <use id="PARAM1A_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -1)"/> + <def id="PARAM1A_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> + <def xlink:href="#dial-test" transform="translate(0 -1)"/> </g> <g transform="translate(0 75)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV1A_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV1A_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="PARAM2A_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -1)"/> + <def id="PARAM2A_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> + <def xlink:href="#dial-test" transform="translate(0 -1)"/> </g> <g transform="translate(0 175)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV2A_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV2A_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="PARAM3A_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -1)"/> + <def id="PARAM3A_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> + <def xlink:href="#dial-test" transform="translate(0 -1)"/> </g> <g transform="translate(0 275)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV3A_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV3A_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="PARAM1B_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -1)"/> + <def id="PARAM1B_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> + <def xlink:href="#dial-test" transform="translate(0 -1)"/> </g> <g transform="translate(45 75)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV1B_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV1B_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="PARAM2B_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -1)"/> + <def id="PARAM2B_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> + <def xlink:href="#dial-test" transform="translate(0 -1)"/> </g> <g transform="translate(45 175)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV2B_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV2B_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="PARAM3B_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> - <use xlink:href="#dial-test" transform="translate(0 -1)"/> + <def id="PARAM3B_PARAM" xlink:href="#knob26" transform="translate(9.5 8.5)"/> + <def xlink:href="#dial-test" transform="translate(0 -1)"/> </g> <g transform="translate(45 275)"> <g transform="translate(5.5 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="CV3B_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV3B_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> </g> </g> @@ -101,12 +94,12 @@ <g transform="translate(5.5 320)"> <g transform="translate(0 0)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(45 0)"> <rect width="34" height="38" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 35)">OUT</text> </g> </g> diff --git a/res-src/TestExpanderBase-src.svg b/res-src/TestExpanderBase-src.svg @@ -2,12 +2,6 @@ <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/> - <defs> - <import id="input"/> - <import id="output"/> - <import id="light-small"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -22,7 +16,7 @@ </g> <g transform="translate(0 245)"> - <use id="COM_LIGHT" xlink:href="#light-small" transform="translate(10 0.5)"/> + <def id="COM_LIGHT" xlink:href="#light-small" transform="translate(10 0.5)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(19 6)">COM</text> </g> @@ -30,13 +24,13 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/> <rect width="34" height="35" rx="5" fill="#fafafa"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> </g> <g transform="translate(5.5 41)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/TestExpanderExtension-src.svg b/res-src/TestExpanderExtension-src.svg @@ -2,11 +2,6 @@ <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/> - <defs> - <import id="output"/> - <import id="light-small"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -21,14 +16,14 @@ </g> <g transform="translate(0 280)"> - <use id="COM_LIGHT" xlink:href="#light-small" transform="translate(10 0.5)"/> + <def id="COM_LIGHT" xlink:href="#light-small" transform="translate(10 0.5)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(19 6)">COM</text> </g> <g transform="translate(0 260)"> <g transform="translate(5.5 41)"> <rect width="34" height="38" rx="5" fill="#bbb" transform="translate(0 -3)"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/TestVCF-src.svg b/res-src/TestVCF-src.svg @@ -3,12 +3,6 @@ <style/> <defs> - <import id="knob38"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-small"/> - <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> @@ -56,28 +50,28 @@ <g transform="translate(20 50)"> <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(9 45) rotate(270)">CUTOFF</text> - <use id="CUTOFF_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="CUTOFF_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> <use xlink:href="#dial-cutoff-testvcf" transform="translate(14 -6)"/> </g> <g transform="translate(20 120)"> <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> --> <text font-size="8pt" letter-spacing="1px" transform="translate(9 45) rotate(270)">RES/BW</text> - <use id="Q_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="Q_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> <use xlink:href="#dial-resonance-testvcf" transform="translate(14 -6)"/> </g> <g transform="translate(20 190)"> <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> --> <text font-size="8pt" letter-spacing="1px" transform="translate(9 39) rotate(270)">DRIVE</text> - <use id="DRIVE_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="DRIVE_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> <use xlink:href="#dial-resonance-testvcf" transform="translate(14 -6)"/> </g> <g transform="translate(20 260)"> <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> --> <text font-size="8pt" letter-spacing="1px" transform="translate(9 36) rotate(270)">TOPO</text> - <use id="TOPOLOGY_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="TOPOLOGY_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> <use xlink:href="#dial-resonance-testvcf" transform="translate(14 -6)"/> </g> @@ -86,22 +80,22 @@ <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)"> - <use id="LOWPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="LOWPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">LP</text> </g> <g transform="translate(21 10)"> - <use id="HIGHPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="HIGHPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">HP</text> </g> <g transform="translate(0 20)"> - <use id="BANDPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="BANDPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">BP</text> </g> <g transform="translate(21 20)"> - <use id="BAND_REJECT_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="BAND_REJECT_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">BR</text> </g> - <use id="MODE_PARAM" xlink:href="#button-small" transform="translate(15 29)"/> + <def id="MODE_PARAM" xlink:href="#button-small" transform="translate(15 29)"/> </g> </g> @@ -110,30 +104,30 @@ <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)"> - <use id="POLES_2_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="POLES_2_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">2</text> </g> <g transform="translate(21 10)"> - <use id="POLES_4_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="POLES_4_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">4</text> </g> <g transform="translate(0 20)"> - <use id="POLES_6_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="POLES_6_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">6</text> </g> <g transform="translate(21 20)"> - <use id="POLES_8_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="POLES_8_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">8</text> </g> <g transform="translate(0 30)"> - <use id="POLES_10_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="POLES_10_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">10</text> </g> <g transform="translate(21 30)"> - <use id="POLES_12_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> + <def id="POLES_12_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">12</text> </g> - <use id="POLES_PARAM" xlink:href="#button-small" transform="translate(15 39)"/> + <def id="POLES_PARAM" xlink:href="#button-small" transform="translate(15 39)"/> </g> </g> @@ -141,9 +135,9 @@ <rect width="58" height="40" rx="5" fill="#fafafa"/> <rect width="50" height="40" rx="5" fill="#bbb" transform="translate(38)"/> <rect width="20" height="40" fill="#bbb" transform="translate(29)"/> - <use id="IN_INPUT" xlink:href="#input" transform="translate(2.5 3)"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> - <use id="OUT_B_OUTPUT" xlink:href="#output" transform="translate(60.5 3)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(2.5 3)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/> + <def id="OUT_B_OUTPUT" xlink:href="#output" transform="translate(60.5 3)"/> <text 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> diff --git a/res-src/UMix-src.svg b/res-src/UMix-src.svg @@ -2,11 +2,6 @@ <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/> - <defs> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -26,19 +21,19 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 283)"/> <rect width="34" height="293" rx="5" fill="#fafafa"/> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 40.5)"/> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 76)"/> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 111.5)"/> - <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 147)"/> - <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 182.5)"/> - <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 218)"/> - <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 252.5)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(5 40.5)"/> + <def id="IN3_INPUT" xlink:href="#input" transform="translate(5 76)"/> + <def id="IN4_INPUT" xlink:href="#input" transform="translate(5 111.5)"/> + <def id="IN5_INPUT" xlink:href="#input" transform="translate(5 147)"/> + <def id="IN6_INPUT" xlink:href="#input" transform="translate(5 182.5)"/> + <def id="IN7_INPUT" xlink:href="#input" transform="translate(5 218)"/> + <def id="IN8_INPUT" xlink:href="#input" transform="translate(5 252.5)"/> </g> <g transform="translate(5.5 283)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="38" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 33)">OUT</text> </g> </g> diff --git a/res-src/Unison-src.svg b/res-src/Unison-src.svg @@ -3,11 +3,6 @@ <style/> <defs> - <import id="knob26"/> - <import id="dial-channels"/> - <import id="input"/> - <import id="output"/> - <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> @@ -40,17 +35,17 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text> - <use id="CHANNELS_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> - <use xlink:href="#dial-channels" transform="translate(0 -1)"/> + <def id="CHANNELS_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> + <def xlink:href="#dial-channels" transform="translate(0 -1)"/> </g> <g transform="translate(0 80)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">DETUNE</text> - <use id="DETUNE_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> + <def id="DETUNE_PARAM" xlink:href="#knob26" transform="translate(9.5 9)"/> <use xlink:href="#dial-detune-unison" transform="translate(0 -1)"/> <g transform="translate(5.5 44)"> <rect width="34" height="39" rx="5" fill="#fafafa"/> - <use id="DETUNE_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="DETUNE_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> </g> </g> @@ -59,17 +54,17 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text> - <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="GATE_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 70)">GATE</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(3 32)">V/OCT</text> - <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <def id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text> </g> </g> diff --git a/res-src/VCA-src.svg b/res-src/VCA-src.svg @@ -2,14 +2,6 @@ <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/> - <defs> - <import id="knob26"/> - <import id="dial-linear"/> - <import id="button-small"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -31,52 +23,52 @@ <!-- <rect width="45" height="18" fill="#0f0" transform="translate(0 0)" /> --> <g transform="translate(0 19)"> - <use id="LEVEL1_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> - <use xlink:href="#dial-linear" transform="translate(0 -6)"/> + <def id="LEVEL1_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> + <def xlink:href="#dial-linear" transform="translate(0 -6)"/> </g> <g transform="translate(0 57)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> <g transform="translate(0 178)"> - <use id="LEVEL2_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> - <use xlink:href="#dial-linear" transform="translate(0 -6)"/> + <def id="LEVEL2_PARAM" xlink:href="#knob26" transform="translate(9.5 3.5)"/> + <def xlink:href="#dial-linear" transform="translate(0 -6)"/> </g> <g transform="translate(0 216)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text 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> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> + <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)" /> --> diff --git a/res-src/VCAmp-src.svg b/res-src/VCAmp-src.svg @@ -2,13 +2,6 @@ <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/> - <defs> - <import id="slider-183"/> - <import id="sliderdial-db-183"/> - <import id="input"/> - <import id="output"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -28,23 +21,23 @@ </g> <g transform="translate(0 18)"> - <use xlink:href="#sliderdial-db-183" transform="translate(0 0)"/> - <use id="LEVEL_PARAM" xlink:href="#slider-183" transform="translate(13.5 0)"/> + <def xlink:href="#sliderdial-db-183" transform="translate(0 0)"/> + <def id="LEVEL_PARAM" xlink:href="#slider-183" transform="translate(13.5 0)"/> </g> <g transform="translate(0 210)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="CV_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> - <use id="IN_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/VCF-src.svg b/res-src/VCF-src.svg @@ -3,17 +3,6 @@ <style/> <defs> - <import id="knob68"/> - <import id="knob38"/> - <import id="knob16"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-small"/> - <import id="light-tiny"/> - <symbol id="dial-frequency-vcf" viewBox="0 0 150px 108px"> <g transform="translate(75 54)"> <g transform="rotate(-240) translate(34 0)"> @@ -146,25 +135,25 @@ <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(143 0)" /> --> <g transform="translate(21 25)"> - <use id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> + <def id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> <use xlink:href="#dial-frequency-vcf" transform="translate(-21 0)"/> </g> <g transform="translate(25 126)"> <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">CV</text> - <use id="FREQUENCY_CV_PARAM" xlink:href="#knob16" transform="translate(20 12)"/> - <use xlink:href="#dial-centertick" transform="translate(8 0)"/> + <def id="FREQUENCY_CV_PARAM" xlink:href="#knob16" transform="translate(20 12)"/> + <def xlink:href="#dial-centertick" transform="translate(8 0)"/> </g> <g transform="translate(82 126)"> <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">FM</text> - <use id="FM_PARAM" xlink:href="#knob16" transform="translate(20 12)"/> - <use xlink:href="#dial-mintick" transform="translate(8 0)"/> + <def id="FM_PARAM" xlink:href="#knob16" transform="translate(20 12)"/> + <def xlink:href="#dial-mintick" transform="translate(8 0)"/> </g> <g transform="translate(54 165)"> <text font-size="8pt" letter-spacing="2px" transform="translate(7 38) rotate(270)">MODE</text> - <use id="MODE_PARAM" xlink:href="#knob16" transform="translate(13 11)"/> + <def id="MODE_PARAM" xlink:href="#knob16" transform="translate(13 11)"/> <use xlink:href="#dial-mode-vcf" transform="translate(-9 -11)"/> </g> @@ -172,7 +161,7 @@ <!-- <rect width="75" height="54" fill="#ff0" transform="translate(1 -9)" /> --> <!-- <rect width="64" height="54" fill="#f0f" transform="translate(5.5 -9)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(13.5 43.5) rotate(270)">RES/BW</text> - <use id="Q_PARAM" xlink:href="#knob38" transform="translate(24.5 0)"/> + <def id="Q_PARAM" xlink:href="#knob38" transform="translate(24.5 0)"/> <use xlink:href="#dial-linear-vcf" transform="translate(18.5 -6)"/> </g> @@ -180,7 +169,7 @@ <!-- <rect width="75" height="54" fill="#ff0" transform="translate(0 -9)" /> --> <!-- <rect width="64" height="54" fill="#f0f" transform="translate(5.5 -9)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(13.4 38.5) rotate(270)">SLOPE</text> - <use id="SLOPE_PARAM" xlink:href="#knob38" transform="translate(24.5 0)"/> + <def id="SLOPE_PARAM" xlink:href="#knob38" transform="translate(24.5 0)"/> <use xlink:href="#dial-slope-vcf" transform="translate(18.5 -11)"/> </g> @@ -193,34 +182,34 @@ <g transform="translate(16 0)"> <g transform="translate(12 0)"> - <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(9 40)">CV</text> </g> <g transform="translate(44 0)"> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> </g> <g transform="translate(76 0)"> - <use id="FM_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="FM_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(9 40)">FM</text> </g> </g> <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="IN_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="IN_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 40)">IN</text> </g> <g transform="translate(34 0)"> - <use id="Q_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="Q_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">R/BW</text> </g> <g transform="translate(66 0)"> - <use id="SLOPE_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="SLOPE_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(7 40)">SLP</text> </g> <g transform="translate(98 0)"> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(6 40)">OUT</text> </g> </g> diff --git a/res-src/VCM-src.svg b/res-src/VCM-src.svg @@ -3,11 +3,6 @@ <style/> <defs> - <import id="knob38"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <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> @@ -48,16 +43,16 @@ <g transform="translate(10 1)"> <rect width="63" height="43" rx="5" fill="#fafafa"/> <g transform="translate(1 0)"> - <use id="IN1_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <def id="IN1_INPUT" xlink:href="#input" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> </g> <g transform="translate(32 0)"> - <use id="CV1_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <def id="CV1_INPUT" xlink:href="#input" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> </g> </g> <!-- <polyline points="0,0 150,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 22.5)" /> --> - <use id="LEVEL1_PARAM" xlink:href="#knob38" transform="translate(89.5 3.5)"/> + <def id="LEVEL1_PARAM" xlink:href="#knob38" transform="translate(89.5 3.5)"/> <use xlink:href="#dial-level-vcm" transform="translate(78.5 -7.5)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH1</text> </g> @@ -66,16 +61,16 @@ <g transform="translate(10 1)"> <rect width="63" height="43" rx="5" fill="#fafafa"/> <g transform="translate(1 0)"> - <use id="IN2_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <def id="IN2_INPUT" xlink:href="#input" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> </g> <g transform="translate(32 0)"> - <use id="CV2_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <def id="CV2_INPUT" xlink:href="#input" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> </g> </g> <!-- <polyline points="0,0 150,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 22.5)" /> --> - <use id="LEVEL2_PARAM" xlink:href="#knob38" transform="translate(89.5 3.5)"/> + <def id="LEVEL2_PARAM" xlink:href="#knob38" transform="translate(89.5 3.5)"/> <use xlink:href="#dial-level-vcm" transform="translate(78.5 -7.5)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH2</text> </g> @@ -84,16 +79,16 @@ <g transform="translate(10 1)"> <rect width="63" height="43" rx="5" fill="#fafafa"/> <g transform="translate(1 0)"> - <use id="IN3_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <def id="IN3_INPUT" xlink:href="#input" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> </g> <g transform="translate(32 0)"> - <use id="CV3_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <def id="CV3_INPUT" xlink:href="#input" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> </g> </g> <!-- <polyline points="0,0 150,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 22.5)" /> --> - <use id="LEVEL3_PARAM" xlink:href="#knob38" transform="translate(89.5 3.5)"/> + <def id="LEVEL3_PARAM" xlink:href="#knob38" transform="translate(89.5 3.5)"/> <use xlink:href="#dial-level-vcm" transform="translate(78.5 -7.5)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH3</text> </g> @@ -102,41 +97,41 @@ <g transform="translate(10 1)"> <rect width="63" height="43" rx="5" fill="#fafafa"/> <g transform="translate(1 0)"> - <use id="IN4_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <def id="IN4_INPUT" xlink:href="#input" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text> </g> <g transform="translate(32 0)"> - <use id="CV4_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <def id="CV4_INPUT" xlink:href="#input" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> </g> </g> <!-- <polyline points="0,0 150,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 22.5)" /> --> - <use id="LEVEL4_PARAM" xlink:href="#knob38" transform="translate(89.5 3.5)"/> + <def id="LEVEL4_PARAM" xlink:href="#knob38" transform="translate(89.5 3.5)"/> <use xlink:href="#dial-level-vcm" transform="translate(78.5 -7.5)"/> <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> - <use id="MIX_PARAM" xlink:href="#knob38" transform="translate(22.5 3.5)"/> + <def id="MIX_PARAM" xlink:href="#knob38" transform="translate(22.5 3.5)"/> <use xlink:href="#dial-level-vcm" transform="translate(11.5 -7.5)"/> <g transform="translate(77 0)"> <rect width="63" height="43" rx="5" fill="#bbb"/> <rect width="31.5" height="43" rx="5" fill="#fafafa"/> <rect width="5" height="43" fill="#fafafa" transform="translate(26.5 0)"/> <g transform="translate(1 0)"> - <use id="MIX_CV_INPUT" xlink:href="#input" transform="translate(3 4)"/> + <def id="MIX_CV_INPUT" xlink:href="#input" transform="translate(3 4)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text> </g> <g transform="translate(32 0)"> - <use id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> + <def id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 4)"/> <text 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> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(49 -1.3)"/> + <def id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(49 -1.3)"/> </g> </g> diff --git a/res-src/VCO-src.svg b/res-src/VCO-src.svg @@ -3,17 +3,6 @@ <style/> <defs> - <import id="knob68"/> - <import id="knob26"/> - <import id="knob16"/> - <import id="dial-frequency"/> - <import id="dial-attenuverter"/> - <import id="dial-centertick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="switch"/> - <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> @@ -49,9 +38,9 @@ <!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> --> <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> --> <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> + <def id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> </g> - <use xlink:href="#dial-frequency" transform="translate(20 25)"/> + <def xlink:href="#dial-frequency" transform="translate(20 25)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text> @@ -63,20 +52,20 @@ <!-- <polyline points="0,21 70,21" stroke="#0f0" stroke-width="1" fill="none" /> --> <!-- <polyline points="21,-10 21,240" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(0 22) rotate(270)">FINE</text> - <use id="FINE_PARAM" xlink:href="#knob16" transform="translate(13 0)"/> + <def id="FINE_PARAM" xlink:href="#knob16" transform="translate(13 0)"/> <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 17)" /> --> </g> - <use xlink:href="#dial-centertick" transform="translate(36 141)"/> + <def xlink:href="#dial-centertick" transform="translate(36 141)"/> <g transform="translate(73 150)"> <g transform="translate(0 1)"> <text font-size="6pt" letter-spacing="2px" transform="translate(10 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(41 -1.3)"/> + <def id="SLOW_PARAM" xlink:href="#button-small" transform="translate(41 -1.3)"/> </g> <g transform="translate(0 14)"> <text font-size="6pt" letter-spacing="0.5px" transform="translate(8 6.1)">LINEAR</text> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(41 -1.3)"/> + <def id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(41 -1.3)"/> </g> </g> @@ -85,9 +74,9 @@ <g transform="translate(44 188)"> <!-- <polyline points="0,13 70,13" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(10 22.5) rotate(270)">PW</text> - <use id="PW_PARAM" xlink:href="#knob26" transform="translate(18 0)"/> + <def id="PW_PARAM" xlink:href="#knob26" transform="translate(18 0)"/> </g> - <use xlink:href="#dial-attenuverter" transform="translate(52.5 178.5)"/> + <def xlink:href="#dial-attenuverter" transform="translate(52.5 178.5)"/> <!-- <rect width="100" height="7" fill="#0f0" transform="translate(10 218)" /> --> @@ -96,12 +85,12 @@ <g transform="translate(0 0)"> <!-- <polyline points="0,13 100,13" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(10 22) rotate(270)">FM</text> - <use id="FM_PARAM" xlink:href="#knob26" transform="translate(18 0)"/> + <def id="FM_PARAM" xlink:href="#knob26" transform="translate(18 0)"/> </g> <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 26)" /> --> <g transform="translate(57 -0)"> <text font-size="5pt" letter-spacing="2px" transform="translate(-1 -1)">EXP</text> - <use id="FM_TYPE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> @@ -117,15 +106,15 @@ <rect width="10" height="8" fill="#fafafa" transform="translate(65 83)"/> <g transform="translate(12 0)"> - <use id="PW_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="PW_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(8 40)">PW</text> </g> <g transform="translate(44 0)"> - <use id="FM_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="FM_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(8 40)">FM</text> </g> <g transform="translate(76 0)"> - <use id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <!-- <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" /> --> @@ -133,7 +122,7 @@ </g> </g> <g transform="translate(108 0)"> - <use id="SAW_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="SAW_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <!-- <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" /> --> @@ -143,15 +132,15 @@ <g transform="translate(10 44)"> <g transform="translate(2 0)"> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> </g> <g transform="translate(34 0)"> - <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text> </g> <g transform="translate(66 0)"> - <use id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <!-- <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" /> --> @@ -159,7 +148,7 @@ </g> </g> <g transform="translate(98 0)"> - <use id="SINE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="SINE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <!-- <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" /> --> diff --git a/res-src/VU-src.svg b/res-src/VU-src.svg @@ -3,9 +3,6 @@ <style/> <defs> - <import id="input"/> - <import id="output"/> - <symbol id="vu-vu" viewBox="0 0 18px 180px"> <!-- <rect width="18" height="180" x="0" y="0" rx="0" fill="#ccc" /> --> <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)"/> @@ -97,17 +94,17 @@ <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="L_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="L_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">L</text> - <use id="R_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="R_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="0.5px" transform="translate(9 70)">R (L)</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="70" rx="5" fill="#bbb"/> - <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="L_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 32)">L</text> - <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> + <def id="R_OUTPUT" xlink:href="#output" transform="translate(5 35)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 67)">R</text> </g> </g> diff --git a/res-src/Walk-src.svg b/res-src/Walk-src.svg @@ -2,18 +2,6 @@ <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/> - <defs> - <import id="knob29"/> - <import id="knob16"/> - <import id="dial-change"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="light-small"/> - </defs> - <rect width="100%" height="100%" fill="#ddd"/> <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/> <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/> @@ -31,39 +19,39 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(10 0)">RATE</text> - <use id="RATE_PARAM" xlink:href="#knob29" transform="translate(0 3.5)"/> - <use xlink:href="#dial-change" transform="translate(0 3)"/> + <def id="RATE_PARAM" xlink:href="#knob29" transform="translate(0 3.5)"/> + <def xlink:href="#dial-change" transform="translate(0 3)"/> </g> <g transform="translate(0 82)"> <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">OFFSET</text> - <use id="OFFSET_PARAM" xlink:href="#knob16" transform="translate(14.5 9)"/> - <use xlink:href="#dial-centertick" transform="translate(2.5 -3)"/> + <def id="OFFSET_PARAM" xlink:href="#knob16" transform="translate(14.5 9)"/> + <def xlink:href="#dial-centertick" transform="translate(2.5 -3)"/> </g> <g transform="translate(0 121)"> <text font-size="6pt" letter-spacing="2.0px" transform="translate(5.5 0)">SCALE</text> - <use id="SCALE_PARAM" xlink:href="#knob16" transform="translate(14.5 9)"/> - <use xlink:href="#dial-mintick" transform="translate(2.5 -3)"/> + <def id="SCALE_PARAM" xlink:href="#knob16" transform="translate(14.5 9)"/> + <def xlink:href="#dial-mintick" transform="translate(2.5 -3)"/> </g> <g transform="translate(0 157)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 133)"/> <rect width="34" height="140" rx="5" fill="#fafafa"/> - <use id="RATE_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="RATE_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">RATE</text> - <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="OFFSET_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="1.2px" transform="translate(2 70)">OFFSET</text> - <use id="SCALE_INPUT" xlink:href="#input" transform="translate(5 73)"/> + <def id="SCALE_INPUT" xlink:href="#input" transform="translate(5 73)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(2.5 105)">SCALE</text> - <use id="JUMP_INPUT" xlink:href="#input" transform="translate(5 108)"/> + <def id="JUMP_INPUT" xlink:href="#input" transform="translate(5 108)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(5 140)">JUMP</text> </g> <g transform="translate(5.5 146)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text> </g> </g> diff --git a/res-src/Walk2-src.svg b/res-src/Walk2-src.svg @@ -3,16 +3,6 @@ <style/> <defs> - <import id="knob29"/> - <import id="knob16"/> - <import id="dial-change"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="button-small"/> - <import id="light-small"/> - <import id="input"/> - <import id="output"/> - <symbol id="display-walk2" viewBox="0 0 190px 190px"> <rect cx="0" cy="0" width="190" height="190" fill="#222"/> </symbol> @@ -63,37 +53,37 @@ <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> - <use id="RATE_X_PARAM" xlink:href="#knob29" transform="translate(10 -3)"/> + <def id="RATE_X_PARAM" xlink:href="#knob29" transform="translate(10 -3)"/> </g> - <use xlink:href="#dial-change" transform="translate(8 -3)"/> + <def xlink:href="#dial-change" transform="translate(8 -3)"/> </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> - <use id="RATE_Y_PARAM" xlink:href="#knob29" transform="translate(0 -3)"/> + <def id="RATE_Y_PARAM" xlink:href="#knob29" transform="translate(0 -3)"/> </g> - <use xlink:href="#dial-change" transform="translate(-2 -3)"/> + <def xlink:href="#dial-change" transform="translate(-2 -3)"/> </g> <g transform="translate(105 234)"> <text font-size="7pt" letter-spacing="2px" transform="translate(3.3 17) rotate(270)">OFF</text> - <use id="OFFSET_X_PARAM" xlink:href="#knob16" transform="translate(-30 0)"/> - <use xlink:href="#dial-centertick" transform="translate(-42 -12)"/> + <def id="OFFSET_X_PARAM" xlink:href="#knob16" transform="translate(-30 0)"/> + <def xlink:href="#dial-centertick" transform="translate(-42 -12)"/> - <use id="OFFSET_Y_PARAM" xlink:href="#knob16" transform="translate(14 0)"/> - <use xlink:href="#dial-centertick" transform="translate(2 -12)"/> + <def id="OFFSET_Y_PARAM" xlink:href="#knob16" transform="translate(14 0)"/> + <def xlink:href="#dial-centertick" transform="translate(2 -12)"/> </g> <g transform="translate(105 262.5)"> <text font-size="7pt" letter-spacing="2px" transform="translate(3.3 17) rotate(270)">SCL</text> - <use id="SCALE_X_PARAM" xlink:href="#knob16" transform="translate(-30 0)"/> - <use xlink:href="#dial-mintick" transform="translate(-42 -12)"/> + <def id="SCALE_X_PARAM" xlink:href="#knob16" transform="translate(-30 0)"/> + <def xlink:href="#dial-mintick" transform="translate(-42 -12)"/> - <use id="SCALE_Y_PARAM" xlink:href="#knob16" transform="translate(14 0)"/> - <use xlink:href="#dial-mintick" transform="translate(2 -12)"/> + <def id="SCALE_Y_PARAM" xlink:href="#knob16" transform="translate(14 0)"/> + <def xlink:href="#dial-mintick" transform="translate(2 -12)"/> </g> <g transform="translate(7 281)"> @@ -101,12 +91,12 @@ <rect width="22" height="40" rx="5" fill="#bbb" transform="translate(40 39)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31 39)"/> <rect width="31" height="20" fill="#bbb" transform="translate(31 39)"/> - <use id="OFFSET_X_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="SCALE_X_INPUT" xlink:href="#input" transform="translate(34.5 3)"/> + <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 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> - <use id="RATE_X_INPUT" xlink:href="#input" transform="translate(3.5 42)"/> - <use id="OUT_X_OUTPUT" xlink:href="#output" transform="translate(34.5 42)"/> + <def id="RATE_X_INPUT" xlink:href="#input" transform="translate(3.5 42)"/> + <def id="OUT_X_OUTPUT" xlink:href="#output" transform="translate(34.5 42)"/> <text 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> </g> @@ -116,12 +106,12 @@ <rect width="22" height="40" rx="5" fill="#bbb" transform="translate(40 39)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31 39)"/> <rect width="31" height="20" fill="#bbb" transform="translate(31 39)"/> - <use id="OFFSET_Y_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="SCALE_Y_INPUT" xlink:href="#input" transform="translate(34.5 3)"/> + <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 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> - <use id="RATE_Y_INPUT" xlink:href="#input" transform="translate(3.5 42)"/> - <use id="OUT_Y_OUTPUT" xlink:href="#output" transform="translate(34.5 42)"/> + <def id="RATE_Y_INPUT" xlink:href="#input" transform="translate(3.5 42)"/> + <def id="OUT_Y_OUTPUT" xlink:href="#output" transform="translate(34.5 42)"/> <text 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> </g> @@ -130,8 +120,8 @@ <rect width="61" height="40" rx="5" fill="#fafafa"/> <rect width="22" height="40" rx="5" fill="#bbb" transform="translate(40)"/> <rect width="20" height="40" fill="#bbb" transform="translate(31)"/> - <use id="JUMP_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> - <use id="DISTANCE_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> + <def id="JUMP_INPUT" xlink:href="#input" transform="translate(3.5 3)"/> + <def id="DISTANCE_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/> <text 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> </g> @@ -139,17 +129,17 @@ <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)"> - <use id="JUMP_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="JUMP_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(1 6.7)">JUMP</text> </g> <g transform="translate(2 10)"> - <use id="SAMPLEHOLD_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="SAMPLEHOLD_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">S&amp;H</text> </g> <g transform="translate(2 20)"> - <use id="TRACKHOLD_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> + <def id="TRACKHOLD_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/> <text font-size="5pt" letter-spacing="1px" transform="translate(1 6.7)">T&amp;H</text> </g> - <use id="JUMP_MODE_PARAM" xlink:href="#button-small" transform="translate(26 9.7)"/> + <def id="JUMP_MODE_PARAM" xlink:href="#button-small" transform="translate(26 9.7)"/> </g> </svg> diff --git a/res-src/XCO-src.svg b/res-src/XCO-src.svg @@ -3,17 +3,6 @@ <style/> <defs> - <import id="knob68"/> - <import id="knob38"/> - <import id="knob16"/> - <import id="dial-frequency"/> - <import id="dial-centertick"/> - <import id="dial-mintick"/> - <import id="input"/> - <import id="output"/> - <import id="button-small"/> - <import id="switch"/> - <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> @@ -49,9 +38,9 @@ <!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> --> <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> --> <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> --> - <use id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> + <def id="FREQUENCY_PARAM" xlink:href="#knob68" transform="translate(20 20)"/> </g> - <use xlink:href="#dial-frequency" transform="translate(20 25)"/> + <def xlink:href="#dial-frequency" transform="translate(20 25)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text> <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 143)" /> --> @@ -62,40 +51,40 @@ <!-- <polyline points="0,21 70,21" stroke="#0f0" stroke-width="1" fill="none" /> --> <!-- <polyline points="21,-10 21,240" stroke="#0f0" stroke-width="1" fill="none" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(0 22) rotate(270)">FINE</text> - <use id="FINE_PARAM" xlink:href="#knob16" transform="translate(13 0)"/> + <def id="FINE_PARAM" xlink:href="#knob16" transform="translate(13 0)"/> <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 17)" /> --> </g> - <use xlink:href="#dial-centertick" transform="translate(35 141)"/> + <def xlink:href="#dial-centertick" transform="translate(35 141)"/> <g transform="translate(72 158.5)"> <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SLOW</text> - <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(40 -1.3)"/> + <def id="SLOW_PARAM" xlink:href="#button-small" transform="translate(40 -1.3)"/> </g> <g transform="translate(31 194)"> <g transform="translate(4 0)"> <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> --> <text font-size="8pt" letter-spacing="2px" transform="translate(9 27) rotate(270)">FM</text> - <use id="FM_DEPTH_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> + <def id="FM_DEPTH_PARAM" xlink:href="#knob38" transform="translate(20 0)"/> </g> <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 26)" /> --> <g transform="translate(-19 52)"> <rect width="71" height="47" rx="5" fill="#fafafa" transform="translate(10 0)"/> <g transform="translate(10 0)"> <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> --> - <use id="FM_INPUT" xlink:href="#input" transform="translate(7 5)"/> + <def id="FM_INPUT" xlink:href="#input" transform="translate(7 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(11 40)">FM</text> </g> <g transform="translate(47 0)"> <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> --> - <use id="FM_DEPTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="FM_DEPTH_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text 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> - <use id="FM_TYPE_PARAM" xlink:href="#switch" transform="translate(0 2)"/> + <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> @@ -120,32 +109,32 @@ <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/> </g> <g transform="translate(3 30)"> - <use id="SQUARE_PW_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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> - <use id="SQUARE_PW_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <def id="SQUARE_PW_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 118)"> - <use id="SQUARE_PHASE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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> - <use id="SQUARE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <def id="SQUARE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 207)"> - <use id="SQUARE_MIX_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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> - <use id="SQUARE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <def id="SQUARE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(0 288)"> <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)"/> <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)"/> <g transform="translate(3 0)"> - <use id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> + <def id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text> </g> </g> </g> - <use xlink:href="#dial-centertick" transform="translate(135 48)"/> - <use xlink:href="#dial-centertick" transform="translate(135 136)"/> - <use xlink:href="#dial-mintick" transform="translate(135 225)"/> + <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)"/> <g transform="translate(180 30)"> <rect width="30" height="330" rx="5" fill="#fafafa"/> @@ -159,32 +148,32 @@ <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/> </g> <g transform="translate(3 30)"> - <use id="SAW_SATURATION_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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> - <use id="SAW_SATURATION_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <def id="SAW_SATURATION_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 118)"> - <use id="SAW_PHASE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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> - <use id="SAW_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <def id="SAW_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 207)"> - <use id="SAW_MIX_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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> - <use id="SAW_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <def id="SAW_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(0 288)"> <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)"/> <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)"/> <g transform="translate(3 0)"> - <use id="SAW_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> + <def id="SAW_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text> </g> </g> </g> - <use xlink:href="#dial-mintick" transform="translate(175 48)"/> - <use xlink:href="#dial-centertick" transform="translate(175 136)"/> - <use xlink:href="#dial-mintick" transform="translate(175 225)"/> + <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)"/> <g transform="translate(220 30)"> <rect width="30" height="330" rx="5" fill="#fafafa"/> @@ -198,32 +187,32 @@ <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/> </g> <g transform="translate(3 30)"> - <use id="TRIANGLE_SAMPLE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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> - <use id="TRIANGLE_SAMPLE_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <def id="TRIANGLE_SAMPLE_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 118)"> - <use id="TRIANGLE_PHASE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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> - <use id="TRIANGLE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <def id="TRIANGLE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 207)"> - <use id="TRIANGLE_MIX_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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> - <use id="TRIANGLE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <def id="TRIANGLE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(0 288)"> <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)"/> <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)"/> <g transform="translate(3 0)"> - <use id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> + <def id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text> </g> </g> </g> - <use xlink:href="#dial-mintick" transform="translate(215 48)"/> - <use xlink:href="#dial-centertick" transform="translate(215 136)"/> - <use xlink:href="#dial-mintick" transform="translate(215 225)"/> + <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)"/> <g transform="translate(260 30)"> <rect width="30" height="330" rx="5" fill="#fafafa"/> @@ -238,49 +227,49 @@ <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none"/> </g> <g transform="translate(3 30)"> - <use id="SINE_FEEDBACK_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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> - <use id="SINE_FEEDBACK_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <def id="SINE_FEEDBACK_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 118)"> - <use id="SINE_PHASE_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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> - <use id="SINE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <def id="SINE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(3 207)"> - <use id="SINE_MIX_PARAM" xlink:href="#knob16" transform="translate(4 0)"/> + <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> - <use id="SINE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> + <def id="SINE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/> </g> <g transform="translate(0 288)"> <rect width="31" height="5" fill="#bbb" transform="translate(-1 -5)"/> <rect width="31" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)"/> <g transform="translate(3 0)"> - <use id="SINE_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> + <def id="SINE_OUTPUT" xlink:href="#output" transform="translate(0 0)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text> </g> </g> </g> - <use xlink:href="#dial-mintick" transform="translate(255 48)"/> - <use xlink:href="#dial-centertick" transform="translate(255 136)"/> - <use xlink:href="#dial-mintick" transform="translate(255 225)"/> + <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)"/> <!-- <rect width="30" height="10" fill="#0f0" transform="translate(0 303)" /> --> <g transform="translate(0 313)"> <rect width="71" height="47" rx="5" fill="#fafafa" transform="translate(10 0)"/> <g transform="translate(10 0)"> <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> --> - <use id="PITCH_INPUT" xlink:href="#input" transform="translate(7 5)"/> + <def id="PITCH_INPUT" xlink:href="#input" transform="translate(7 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(5 40)">V/OCT</text> </g> <g transform="translate(47 0)"> <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> --> - <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)"/> + <def id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text> </g> <g transform="translate(100 0)"> <!-- <rect width="30" height="47" rx="5" fill="#bbb" transform="translate(0 0)" /> --> - <use id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> + <def id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 5)"/> <text font-size="6pt" letter-spacing="2px" transform="translate(5 40)">MIX</text> </g> </g> diff --git a/res-src/XFade-src.svg b/res-src/XFade-src.svg @@ -3,12 +3,6 @@ <style/> <defs> - <import id="knob29"/> - <import id="knob16"/> - <import id="button-small"/> - <import id="input"/> - <import id="output"/> - <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> @@ -72,39 +66,39 @@ <g transform="translate(0 25)"> <text font-size="6pt" letter-spacing="1px" transform="translate(14 0)">MIX</text> - <use id="MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> + <def id="MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/> <use xlink:href="#dial-mixab-xfade" transform="translate(0 3)"/> <g transform="translate(5.5 49)"> <rect width="34" height="38" rx="5" fill="#fafafa"/> - <use id="MIX_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="MIX_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text 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> - <use id="CURVE_PARAM" xlink:href="#knob16" transform="translate(14.5 17.5)"/> + <def id="CURVE_PARAM" xlink:href="#knob16" transform="translate(14.5 17.5)"/> <use xlink:href="#dial-curve-xfade" transform="translate(0 3)"/> </g> <g transform="translate(10.5 178)"> <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">LIN</text> - <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> + <def id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/> </g> <g transform="translate(0 210)"> <g transform="translate(5.5 0)"> <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/> <rect width="34" height="70" rx="5" fill="#fafafa"/> - <use id="A_INPUT" xlink:href="#input" transform="translate(5 3)"/> + <def id="A_INPUT" xlink:href="#input" transform="translate(5 3)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">A</text> - <use id="B_INPUT" xlink:href="#input" transform="translate(5 38)"/> + <def id="B_INPUT" xlink:href="#input" transform="translate(5 38)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(15 70)">B</text> </g> <g transform="translate(5.5 76)"> <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/> <rect width="34" height="35" rx="5" fill="#bbb"/> - <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> + <def id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/> <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">MIX</text> </g> </g> diff --git a/res/AD.svg b/res/AD.svg Binary files differ. diff --git a/res/ADSR.svg b/res/ADSR.svg Binary files differ. diff --git a/res/AMRM.svg b/res/AMRM.svg Binary files differ. diff --git a/res/ASR.svg b/res/ASR.svg Binary files differ. diff --git a/res/Additator.svg b/res/Additator.svg Binary files differ. diff --git a/res/AddrSeq.svg b/res/AddrSeq.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.svg b/res/Arp.svg Binary files differ. diff --git a/res/Assign.svg b/res/Assign.svg Binary files differ. diff --git a/res/Blank3.svg b/res/Blank3.svg Binary files differ. diff --git a/res/Blank6.svg b/res/Blank6.svg Binary files differ. diff --git a/res/Bool.svg b/res/Bool.svg Binary files differ. diff --git a/res/CVD.svg b/res/CVD.svg Binary files differ. diff --git a/res/Clpr.svg b/res/Clpr.svg Binary files differ. diff --git a/res/Cmp.svg b/res/Cmp.svg Binary files differ. diff --git a/res/CmpDist.svg b/res/CmpDist.svg Binary files differ. diff --git a/res/DADSRH.svg b/res/DADSRH.svg Binary files differ. diff --git a/res/DADSRHPlus.svg b/res/DADSRHPlus.svg Binary files differ. diff --git a/res/DGate.svg b/res/DGate.svg Binary files differ. diff --git a/res/Detune.svg b/res/Detune.svg Binary files differ. diff --git a/res/EQ.svg b/res/EQ.svg Binary files differ. diff --git a/res/EQS.svg b/res/EQS.svg Binary files differ. diff --git a/res/Edge.svg b/res/Edge.svg Binary files differ. diff --git a/res/EightFO.svg b/res/EightFO.svg Binary files differ. diff --git a/res/EightHP.svg b/res/EightHP.svg Binary files differ. diff --git a/res/EightOne.svg b/res/EightOne.svg Binary files differ. diff --git a/res/EighteenHP.svg b/res/EighteenHP.svg Binary files differ. diff --git a/res/FFB.svg b/res/FFB.svg Binary files differ. diff --git a/res/FMOp.svg b/res/FMOp.svg Binary files differ. diff --git a/res/FifteenHP.svg b/res/FifteenHP.svg Binary files differ. diff --git a/res/FiveHP.svg b/res/FiveHP.svg Binary files differ. diff --git a/res/FlipFlop.svg b/res/FlipFlop.svg Binary files differ. diff --git a/res/Follow.svg b/res/Follow.svg Binary files differ. diff --git a/res/FourMan.svg b/res/FourMan.svg Binary files differ. diff --git a/res/Inv.svg b/res/Inv.svg Binary files differ. diff --git a/res/LFO.svg b/res/LFO.svg Binary files differ. diff --git a/res/LLFO.svg b/res/LLFO.svg Binary files differ. diff --git a/res/LVCF.svg b/res/LVCF.svg Binary files differ. diff --git a/res/LVCO.svg b/res/LVCO.svg Binary files differ. diff --git a/res/Lag.svg b/res/Lag.svg Binary files differ. diff --git a/res/Lmtr.svg b/res/Lmtr.svg Binary files differ. diff --git a/res/Manual.svg b/res/Manual.svg Binary files differ. diff --git a/res/Matrix44.svg b/res/Matrix44.svg Binary files differ. diff --git a/res/Matrix88.svg b/res/Matrix88.svg Binary files differ. diff --git a/res/Mix1.svg b/res/Mix1.svg Binary files differ. diff --git a/res/Mix2.svg b/res/Mix2.svg Binary files differ. diff --git a/res/Mix4.svg b/res/Mix4.svg Binary files differ. diff --git a/res/Mix4x.svg b/res/Mix4x.svg Binary files differ. diff --git a/res/Mix8.svg b/res/Mix8.svg Binary files differ. diff --git a/res/Mix8x.svg b/res/Mix8x.svg Binary files differ. diff --git a/res/Mono.svg b/res/Mono.svg Binary files differ. diff --git a/res/Mult.svg b/res/Mult.svg Binary files differ. diff --git a/res/Mumix.svg b/res/Mumix.svg Binary files differ. diff --git a/res/Mute8.svg b/res/Mute8.svg Binary files differ. diff --git a/res/Noise.svg b/res/Noise.svg Binary files differ. diff --git a/res/Nsgt.svg b/res/Nsgt.svg Binary files differ. diff --git a/res/Offset.svg b/res/Offset.svg Binary files differ. diff --git a/res/OneEight.svg b/res/OneEight.svg Binary files differ. diff --git a/res/PEQ.svg b/res/PEQ.svg Binary files differ. diff --git a/res/PEQ14.svg b/res/PEQ14.svg Binary files differ. diff --git a/res/PEQ14XF.svg b/res/PEQ14XF.svg Binary files differ. diff --git a/res/PEQ14XR.svg b/res/PEQ14XR.svg Binary files differ. diff --git a/res/PEQ14XV.svg b/res/PEQ14XV.svg Binary files differ. diff --git a/res/PEQ6.svg b/res/PEQ6.svg Binary files differ. diff --git a/res/PEQ6XF.svg b/res/PEQ6XF.svg Binary files differ. diff --git a/res/Pan.svg b/res/Pan.svg Binary files differ. diff --git a/res/Pgmr.svg b/res/Pgmr.svg Binary files differ. diff --git a/res/PgmrX.svg b/res/PgmrX.svg Binary files differ. diff --git a/res/PolyCon16.svg b/res/PolyCon16.svg Binary files differ. diff --git a/res/PolyCon8.svg b/res/PolyCon8.svg Binary files differ. diff --git a/res/PolyMult.svg b/res/PolyMult.svg Binary files differ. diff --git a/res/PolyOff16.svg b/res/PolyOff16.svg Binary files differ. diff --git a/res/PolyOff8.svg b/res/PolyOff8.svg Binary files differ. diff --git a/res/Pressor.svg b/res/Pressor.svg Binary files differ. diff --git a/res/Pulse.svg b/res/Pulse.svg Binary files differ. diff --git a/res/Reftone.svg b/res/Reftone.svg Binary files differ. diff --git a/res/SampleHold.svg b/res/SampleHold.svg Binary files differ. diff --git a/res/Shaper.svg b/res/Shaper.svg Binary files differ. diff --git a/res/ShaperPlus.svg b/res/ShaperPlus.svg Binary files differ. diff --git a/res/Sine.svg b/res/Sine.svg Binary files differ. diff --git a/res/SixHP.svg b/res/SixHP.svg Binary files differ. diff --git a/res/SixteenHP.svg b/res/SixteenHP.svg Binary files differ. diff --git a/res/Slew.svg b/res/Slew.svg Binary files differ. diff --git a/res/Stack.svg b/res/Stack.svg Binary files differ. diff --git a/res/Sums.svg b/res/Sums.svg Binary files differ. diff --git a/res/Switch.svg b/res/Switch.svg Binary files differ. diff --git a/res/Switch1616.svg b/res/Switch1616.svg Binary files differ. diff --git a/res/Switch44.svg b/res/Switch44.svg Binary files differ. diff --git a/res/Switch88.svg b/res/Switch88.svg Binary files differ. diff --git a/res/TenHP.svg b/res/TenHP.svg Binary files differ. diff --git a/res/Test.svg b/res/Test.svg Binary files differ. diff --git a/res/Test2.svg b/res/Test2.svg Binary files differ. diff --git a/res/TestExpanderBase.svg b/res/TestExpanderBase.svg Binary files differ. diff --git a/res/TestExpanderExtension.svg b/res/TestExpanderExtension.svg Binary files differ. diff --git a/res/TestVCF.svg b/res/TestVCF.svg Binary files differ. diff --git a/res/ThirteenHP.svg b/res/ThirteenHP.svg Binary files differ. diff --git a/res/ThirtyHP.svg b/res/ThirtyHP.svg Binary files differ. diff --git a/res/ThreeHP.svg b/res/ThreeHP.svg Binary files differ. diff --git a/res/TwelveHP.svg b/res/TwelveHP.svg Binary files differ. diff --git a/res/TwentyFiveHP.svg b/res/TwentyFiveHP.svg Binary files differ. diff --git a/res/TwentyHP.svg b/res/TwentyHP.svg Binary files differ. diff --git a/res/TwentyTwoHP.svg b/res/TwentyTwoHP.svg Binary files differ. diff --git a/res/UMix.svg b/res/UMix.svg Binary files differ. diff --git a/res/Unison.svg b/res/Unison.svg Binary files differ. diff --git a/res/VCA.svg b/res/VCA.svg Binary files differ. diff --git a/res/VCAmp.svg b/res/VCAmp.svg Binary files differ. diff --git a/res/VCF.svg b/res/VCF.svg Binary files differ. diff --git a/res/VCM.svg b/res/VCM.svg Binary files differ. diff --git a/res/VCO.svg b/res/VCO.svg Binary files differ. diff --git a/res/VU.svg b/res/VU.svg Binary files differ. diff --git a/res/Walk.svg b/res/Walk.svg Binary files differ. diff --git a/res/Walk2.svg b/res/Walk2.svg Binary files differ. diff --git a/res/XCO.svg b/res/XCO.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 @@ -226,6 +226,37 @@ def process(name) end end + doc.css('def').each do |n| + id = n.attribute('href').to_s + if id + id.sub!(/^#/, '') + d = $defs[id] + if d + nn = d.dup + nn.node_name = 'svg' + if n['id'] && !n['id'].to_s.empty? + nn['id'] = n['id'] + else + nn.delete('id') + end + nn.delete('viewBox') + if n['transform'] && !n['transform'].to_s.empty? + onn = nn + nn = Nokogiri::XML::Node.new('g', doc) + nn['transform'] = n['transform'] + nn.add_child(onn) + end + n.replace(nn) + else + puts "WARN: no def defined for def ID '#{id}' in #{fn}" + n.remove + end + else + puts "WARN: def without ID in #{fn}: #{n.to_s}" + n.remove + end + end + name = widget_from_filename(fn) write_output(name, doc, $main_styles) $skins.each do |skin_name, skin| diff --git a/scripts/svg_render.rb b/scripts/svg_render.rb @@ -37,7 +37,7 @@ ARGV.each do |file| puts "Preparing #{fn}..." doc = read_xml(fn) - doc.css('use').each do |n| + doc.css('use, svg svg').each do |n| id = n.attribute('id') n.remove if id && id.to_s =~ /_(PARAM|INPUT|OUTPUT|LIGHT|WIDGET)$/ end