commit e8f23b09bb83f9668749d453adcb7a115eaa3733
parent 8e20e796763aca99f00cea4f2157601787ed9fa4
Author: Matt Demanett <matt@demanett.net>
Date: Tue, 4 Aug 2020 01:03:58 -0400
SVG handling gets nested defs, variables, expressions; factor module background, border, title, brand out as defs.
Diffstat:
367 files changed, 4663 insertions(+), 3955 deletions(-)
diff --git a/res-pp/AD-pp.svg b/res-pp/AD-pp.svg
@@ -13,27 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">AD</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">ATTACK</text>
diff --git a/res-pp/ADSR-pp.svg b/res-pp/ADSR-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -37,23 +50,23 @@ text.brand {
</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">ADSR</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">ATT</text>
@@ -184,7 +197,7 @@ text.brand {
<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 xlink:href="#dial-linear-adsr" transform="translate(0 0)" href="#dial-linear-adsr"/>
<g transform="translate(20.8 40)"><svg id="SUSTAIN_LIGHT">
<rect width="3.2" height="3.2" fill="#0f0"/>
</svg></g>
diff --git a/res-pp/AMRM-pp.svg b/res-pp/AMRM-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -49,20 +62,25 @@ text.brand {
</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="26.5" y="17" font-size="9pt" letter-spacing="3px">AM/RM</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="90.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 89.0,1 89.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">AM/RM</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
- <!-- <rect width="90" height="23" fill="#0f0" transform="translate(0 18)" /> -->
- <!-- <rect width="90" height="23" fill="#0f0" transform="translate(0 117)" /> -->
- <!-- <rect width="90" height="23" fill="#0f0" transform="translate(0 217)" /> -->
+
+
+
<g transform="translate(0 49)">
<text font-size="8pt" letter-spacing="2px" transform="translate(18 0)">RECTIFY</text>
@@ -73,7 +91,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-rectify-amrm" transform="translate(0 -5)" href="#dial-rectify-amrm"/>
</g>
<g transform="translate(0 148)">
@@ -85,7 +103,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-drywet-amrm" transform="translate(0 -5)" href="#dial-drywet-amrm"/>
</g>
<g transform="translate(11 240)">
@@ -141,5 +159,5 @@ text.brand {
</g>
</g>
- <!-- <polyline points="0,0 45,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 73)" /> -->
+
</svg>
diff --git a/res-pp/ASR-pp.svg b/res-pp/ASR-pp.svg
@@ -13,27 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">ASR</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">ATTACK</text>
diff --git a/res-pp/Additator-pp.svg b/res-pp/Additator-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -33,32 +46,31 @@ text.brand {
</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="225.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">ADDITATOR</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/>
+ </g>
+ </svg>
- <!-- <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"/>
@@ -151,8 +163,8 @@ text.brand {
<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)">
@@ -161,15 +173,15 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-partials-additator" transform="translate(5 -16)" href="#dial-partials-additator"/>
</g>
<g transform="translate(10 155)">
<g transform="translate(10 5)">
- <!-- <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)">
@@ -178,7 +190,7 @@ text.brand {
<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)">
@@ -192,7 +204,7 @@ text.brand {
</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)">
@@ -218,7 +230,7 @@ text.brand {
</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)">
@@ -266,7 +278,7 @@ text.brand {
</g>
</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)">
@@ -317,8 +329,8 @@ text.brand {
<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)">
@@ -344,7 +356,7 @@ text.brand {
</g>
</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>
<g transform="translate(16 0)"><svg id="DECAY_PARAM">
<g transform="translate(13 13)">
@@ -392,7 +404,7 @@ text.brand {
</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>
<g transform="translate(16 0)"><svg id="BALANCE_PARAM">
<g transform="translate(13 13)">
@@ -440,7 +452,7 @@ text.brand {
</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>
<g transform="translate(16 0)"><svg id="FILTER_PARAM">
<g transform="translate(13 13)">
diff --git a/res-pp/AddrSeq-pp.svg b/res-pp/AddrSeq-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -45,16 +58,21 @@ text.brand {
</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="15" y="17" font-size="9pt" letter-spacing="0.5px">ADDR-SEQ</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="90.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 89.0,1 89.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">ADDR-SEQ</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
<g transform="translate(6.5 32)">
<rect width="34" height="39" rx="5" fill="#fafafa"/>
@@ -110,8 +128,8 @@ text.brand {
<text font-size="5pt" letter-spacing="2px" transform="translate(-1.3 34)">REV</text>
</g>
- <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 200)" /> -->
- <!-- <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>
<g transform="translate(0 2)"><svg id="SELECT_PARAM">
@@ -164,7 +182,7 @@ text.brand {
<circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
</g>
</svg></g>
- <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 -8)"/>
+ <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 -8)" href="#dial-bipolar-addrseq"/>
<text font-size="5pt" letter-spacing="2px" transform="translate(11 32)">1</text>
<g transform="translate(17 26.5)"><svg id="OUT1_LIGHT">
<rect width="6.4" height="6.4" fill="#0f0"/>
@@ -177,7 +195,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 33.3)" href="#dial-bipolar-addrseq"/>
<text font-size="5pt" letter-spacing="2px" transform="translate(11 73.3)">2</text>
<g transform="translate(17 67.8)"><svg id="OUT2_LIGHT">
<rect width="6.4" height="6.4" fill="#0f0"/>
@@ -190,7 +208,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 74.6)" href="#dial-bipolar-addrseq"/>
<text font-size="5pt" letter-spacing="2px" transform="translate(11 114.6)">3</text>
<g transform="translate(17 109.1)"><svg id="OUT3_LIGHT">
<rect width="6.4" height="6.4" fill="#0f0"/>
@@ -203,7 +221,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 115.9)" href="#dial-bipolar-addrseq"/>
<text font-size="5pt" letter-spacing="2px" transform="translate(11 155.9)">4</text>
<g transform="translate(17 150.4)"><svg id="OUT4_LIGHT">
<rect width="6.4" height="6.4" fill="#0f0"/>
@@ -216,7 +234,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 157.1)" href="#dial-bipolar-addrseq"/>
<text font-size="5pt" letter-spacing="2px" transform="translate(11 197.1)">5</text>
<g transform="translate(17 191.6)"><svg id="OUT5_LIGHT">
<rect width="6.4" height="6.4" fill="#0f0"/>
@@ -229,7 +247,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 198.4)" href="#dial-bipolar-addrseq"/>
<text font-size="5pt" letter-spacing="2px" transform="translate(11 238.4)">6</text>
<g transform="translate(17 232.9)"><svg id="OUT6_LIGHT">
<rect width="6.4" height="6.4" fill="#0f0"/>
@@ -242,7 +260,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 239.7)" href="#dial-bipolar-addrseq"/>
<text font-size="5pt" letter-spacing="2px" transform="translate(11 279.7)">7</text>
<g transform="translate(17 274.2)"><svg id="OUT7_LIGHT">
<rect width="6.4" height="6.4" fill="#0f0"/>
@@ -255,15 +273,15 @@ text.brand {
<circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
</g>
</svg></g>
- <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 281)"/>
+ <use xlink:href="#dial-bipolar-addrseq" transform="translate(-3 281)" href="#dial-bipolar-addrseq"/>
<text font-size="5pt" letter-spacing="2px" transform="translate(11 321)">8</text>
<g transform="translate(17 315.5)"><svg id="OUT8_LIGHT">
<rect width="6.4" height="6.4" fill="#0f0"/>
</svg></g>
</g>
- <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 47)" /> -->
- <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 336)" /> -->
- <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 351)" /> -->
- <!-- <polyline points="0,0 0,360" stroke="#f00" stroke-width="1" fill="none" transform="translate(23.50 0)" /> -->
+
+
+
+
</svg>
diff --git a/res-pp/Analyzer-pp.svg b/res-pp/Analyzer-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -75,27 +88,32 @@ text.brand {
</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"/>
-
- <text class="title" x="92.5" y="19" font-size="12pt" letter-spacing="4px">ANALYZER</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="300.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 299.0,1 299.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 300.0,0 300.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(150.0 19)">ANALYZER</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(150.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(134.5 -5)"/>
+ </g>
+ </svg>
<g transform="translate(10 25)">
- <use id="DISPLAY_WIDGET" xlink:href="#display-analyzer"/>
+ <use id="DISPLAY_WIDGET" xlink:href="#display-analyzer" href="#display-analyzer"/>
</g>
- <!-- <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(82.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(155 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(227 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(290 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#f00" stroke-width="1" fill="none" transform="translate(150 0)" /> -->
+
+
+
+
+
+
<g transform="translate(0 320)">
<g transform="translate(10 0)">
<rect width="62" height="40" rx="5" fill="#fafafa"/>
@@ -264,6 +282,6 @@ text.brand {
</g>
</g>
- <use xlink:href="#dial-range-analyzer" transform=" translate(11.3 252) scale(0.75)"/>
- <use xlink:href="#dial-smooth-analyzer" transform=" translate(84.3 252) scale(0.75)"/>
+ <use xlink:href="#dial-range-analyzer" transform=" translate(11.3 252) scale(0.75)" href="#dial-range-analyzer"/>
+ <use xlink:href="#dial-smooth-analyzer" transform=" translate(84.3 252) scale(0.75)" href="#dial-smooth-analyzer"/>
</svg>
diff --git a/res-pp/AnalyzerXL-pp.svg b/res-pp/AnalyzerXL-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -21,9 +34,11 @@ text.brand {
</symbol>
</defs>
- <rect width="100%" height="100%" fill="#000"/>
+ <svg>
+ <rect class="module-background background-fill" width="630.0" height="380.0"/>
+ </svg>
<g transform="translate(0 375) rotate(-90)">
- <text transform="translate(0 12.5)">ANALYZER-XL</text>
+ <text transform="translate(0 12.5)" letter-spacing="1">ANALYZER-XL</text>
<text transform="translate(0 25.5)">BOGAUDIO</text>
</g>
@@ -78,6 +93,6 @@ text.brand {
</svg></g>
</g>
- <use id="DISPLAY_WIDGET" xlink:href="#display-analyzerxl" transform="translate(30 0)"/>
- <!-- <rect cx="0" cy="0" width="600" height="380" fill="#555" transform="translate(30 0)" /> -->
+ <use id="DISPLAY_WIDGET" xlink:href="#display-analyzerxl" transform="translate(30 0)" href="#display-analyzerxl"/>
+
</svg>
diff --git a/res-pp/Arp-pp.svg b/res-pp/Arp-pp.svg
@@ -13,26 +13,44 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">ARP</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">ARP</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#f00" stroke-width="1" fill="none" transform="translate(3 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(42 0)" /> -->
+
+
+
- <!-- <rect width="20" height="24" fill="#0f0" transform="translate(0 0)" /> -->
+
<g transform="translate(3 18)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(5 6)">MODE</text>
<g transform="translate(0 10)">
@@ -104,7 +122,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(-43)"/>
</g>
</svg></g>
- <!-- <rect width="45" height="5" fill="#0f0" transform="translate(0 -11)" /> -->
+
</g>
<g transform="translate(6 115)">
@@ -114,8 +132,8 @@ text.brand {
<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>
<g transform="translate(0 129)">
diff --git a/res-pp/Assign-pp.svg b/res-pp/Assign-pp.svg
@@ -13,22 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">ASSIGN</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text>
diff --git a/res-pp/Blank3-pp.svg b/res-pp/Blank3-pp.svg
@@ -13,17 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
- <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"/>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
- <!-- <rect width="45" height="380" fill="#0f0" /> -->
- <!-- <rect width="35" height="130" fill="#ddd" transform="translate(5 125)" /> -->
- <!-- <g transform="translate(6 122) scale(5.0) rotate(90)"> -->
- <!-- <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> -->
+
+
+
+
+
+
</svg>
diff --git a/res-pp/Blank6-pp.svg b/res-pp/Blank6-pp.svg
@@ -13,17 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
- <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"/>
+ <svg>
+ <rect class="module-background background-fill" width="90.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 89.0,1 89.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
- <!-- <rect width="90" height="380" fill="#0f0" /> -->
- <!-- <rect width="30" height="316" fill="#ddd" transform="translate(30 32)" /> -->
- <!-- <g transform="translate(30 31) scale(4.0) rotate(90)"> -->
- <!-- <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> -->
- <!-- <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" /> -->
- <!-- </g> -->
+
+
+
+
+
+
</svg>
diff --git a/res-pp/Bool-pp.svg b/res-pp/Bool-pp.svg
@@ -13,20 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">BOOL</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">BOOL</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(7.5 18)">
<rect width="34" height="63.5" rx="5" fill="#fafafa" transform="translate(-2 0)"/>
diff --git a/res-pp/CVD-pp.svg b/res-pp/CVD-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -33,20 +46,23 @@ text.brand {
</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,300" 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="2.5px">CVD</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">CVD</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(9.5 0)">TIME</text>
@@ -110,7 +126,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-mix-cvd" transform="translate(0 3)" href="#dial-mix-cvd"/>
<g transform="translate(5.5 49)">
<rect width="34" height="38" rx="5" fill="#fafafa"/>
<g transform="translate(5 3)"><svg id="MIX_INPUT">
diff --git a/res-pp/Clpr-pp.svg b/res-pp/Clpr-pp.svg
@@ -13,24 +13,42 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="90.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 89.0,1 89.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">CLPR</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
- <!-- <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>
diff --git a/res-pp/Cmp-pp.svg b/res-pp/Cmp-pp.svg
@@ -13,13 +13,26 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
<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)">
- <text font-size="5.0pt" transform="rotate(-22.5) translate(14 0) rotate(22.5) translate(-1 2.6)">0-10V</text>
+ <text font-size="5.0pt" transform="rotate(-22.5) translate(14 0) rotate(22.5) translate(-1 2.6)">-10V</text>
<polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-22.5) translate(9.5 0)"/>
<text font-size="5.0pt" transform="rotate(22.5) translate(14 0) rotate(-22.5) translate(-1 2.0)">+/-5V</text>
<polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(22.5) translate(9.5 0)"/>
@@ -78,20 +91,25 @@ text.brand {
</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="45" y="17" font-size="9pt" letter-spacing="3px">CMP</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="90.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 89.0,1 89.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">CMP</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
- <!-- <rect width="90" height="12" fill="#0f0" transform="translate(0 122)" /> -->
- <!-- <rect width="90" height="12" fill="#0f0" transform="translate(0 228)" /> -->
- <!-- <rect width="90" height="12" fill="#0f0" transform="translate(0 267)" /> -->
+
+
+
<g transform="translate(0 35)">
<text font-size="6pt" letter-spacing="1px" transform="translate(20 0)">A</text>
@@ -102,7 +120,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-offset-cmp" transform="translate(0 3)" href="#dial-offset-cmp"/>
<g transform="translate(5.5 49)">
<rect width="34" height="38" rx="5" fill="#fafafa"/>
<g transform="translate(5 3)"><svg id="A_INPUT">
@@ -124,7 +142,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-offset-cmp" transform="translate(0 3)" href="#dial-offset-cmp"/>
<g transform="translate(5.5 49)">
<rect width="34" height="38" rx="5" fill="#fafafa"/>
<g transform="translate(5 3)"><svg id="B_INPUT">
@@ -186,7 +204,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-lag-cmp" transform="translate(0 3)" href="#dial-lag-cmp"/>
<g transform="translate(5.5 49)">
<rect width="34" height="38" rx="5" fill="#fafafa"/>
<g transform="translate(5 3)"><svg id="LAG_INPUT">
@@ -200,7 +218,7 @@ text.brand {
</g>
<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>
<g transform="translate(0.5 12)"><svg id="OUTPUT_PARAM">
<g transform="translate(8 8)">
@@ -209,7 +227,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-voltage-cmp" transform="translate(0.5 -2.5)" href="#dial-voltage-cmp"/>
</g>
<g transform="translate(11 279)">
diff --git a/res-pp/CmpDist-pp.svg b/res-pp/CmpDist-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -63,22 +76,25 @@ text.brand {
</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="30" height="20" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(120 0)" /> -->
- <text class="title" x="26" y="19" font-size="12pt" letter-spacing="3.5px">CMPDIST</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="150.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">CMPDIST</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
+ </g>
+ </svg>
- <!-- <rect width="150" height="14" fill="#0f0" transform="translate(0 80)" /> -->
- <!-- <rect width="150" height="14" fill="#0f0" transform="translate(0 145)" /> -->
- <!-- <rect width="150" height="14" fill="#0f0" transform="translate(0 211)" /> -->
+
+
+
<g transform="translate(6 35)">
<text font-size="6pt" letter-spacing="1px" transform="translate(3.5 0)">A SCALE</text>
@@ -89,7 +105,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)" href="#dial-attenuverter-cmpdist"/>
</g>
<g transform="translate(52.5 35)">
@@ -131,7 +147,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)" href="#dial-attenuverter-cmpdist"/>
</g>
<g transform="translate(6 100)">
@@ -143,7 +159,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)" href="#dial-attenuverter-cmpdist"/>
</g>
<g transform="translate(52.5 100)">
@@ -155,7 +171,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)" href="#dial-attenuverter-cmpdist"/>
</g>
<g transform="translate(99 100)">
@@ -167,12 +183,12 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-attenuverter-cmpdist" transform="translate(0 3)" href="#dial-attenuverter-cmpdist"/>
</g>
- <!-- <polyline points="0,0 0,350" stroke="#0f0" stroke-width="1" fill="none" transform="translate(28.5 0)" /> -->
- <!-- <polyline points="0,0 0,350" stroke="#0f0" stroke-width="1" fill="none" transform="translate(121.5 0)" /> -->
- <!-- <polyline points="0,0 150,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 190.5)" /> -->
+
+
+
<g transform="translate(52.5 165)">
<text font-size="6pt" letter-spacing="1px" transform="translate(2.5 0)">DRY/WET</text>
@@ -183,7 +199,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-drywet-cmpdist" transform="translate(0 3)" href="#dial-drywet-cmpdist"/>
</g>
<g transform="translate(20.5 182.5)">
diff --git a/res-pp/DADSRH-pp.svg b/res-pp/DADSRH-pp.svg
@@ -13,18 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="150.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">DADSR(H)</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
+ </g>
+ </svg>
<g transform="translate(9 33)">
<g transform="translate(0 0)">
@@ -403,7 +421,7 @@ text.brand {
</g>
</svg></g>
- <g>
+
<g transform="translate(77 96)">
<g transform="translate(0 0)">
<svg id="ATTACK_SHAPE1_LIGHT">
@@ -505,7 +523,7 @@ text.brand {
</svg>
</g>
</g>
- </g>
+
<g transform="translate(84 37)">
<rect width="58" height="40" rx="5" fill="#fafafa"/>
diff --git a/res-pp/DADSRHPlus-pp.svg b/res-pp/DADSRHPlus-pp.svg
@@ -13,18 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="225.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">DADSR(H)+</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/>
+ </g>
+ </svg>
<g transform="translate(149 26)">
<rect width="30" height="323" rx="5" fill="#fafafa"/>
@@ -476,7 +494,7 @@ text.brand {
</g>
</svg></g>
- <g>
+
<g transform="translate(77 96)">
<g transform="translate(0 0)">
<svg id="ATTACK_SHAPE1_LIGHT">
@@ -578,7 +596,7 @@ text.brand {
</svg>
</g>
</g>
- </g>
+
<g transform="translate(84 37)">
<rect width="58" height="40" rx="5" fill="#fafafa"/>
diff --git a/res-pp/DGate-pp.svg b/res-pp/DGate-pp.svg
@@ -13,25 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">DGATE</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2px" transform="translate(6.5 0)">DELAY</text>
diff --git a/res-pp/Detune-pp.svg b/res-pp/Detune-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -55,22 +68,23 @@ text.brand {
</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 64)" /> -->
- <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 113)" /> -->
-
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">DETUNE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">DETUNE</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">CENTS</text>
@@ -81,7 +95,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-cents-detune" transform="translate(0 -2)" href="#dial-cents-detune"/>
</g>
<g transform="translate(5.5 74)">
diff --git a/res-pp/EQ-pp.svg b/res-pp/EQ-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -34,18 +47,23 @@ text.brand {
</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">EQ</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">EQ</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 36)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(12.5 0)">LOW</text>
@@ -56,8 +74,8 @@ text.brand {
<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)" /> -->
+ <use xlink:href="#dial-eq-eq" transform="translate(0 3)" href="#dial-eq-eq"/>
+
</g>
<g transform="translate(0 114)">
@@ -69,8 +87,8 @@ text.brand {
<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)" /> -->
+ <use xlink:href="#dial-eq-eq" transform="translate(0 3)" href="#dial-eq-eq"/>
+
</g>
<g transform="translate(0 192)">
@@ -82,8 +100,8 @@ text.brand {
<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)" /> -->
+ <use xlink:href="#dial-eq-eq" transform="translate(0 3)" href="#dial-eq-eq"/>
+
</g>
<g transform="translate(0 264)">
diff --git a/res-pp/EQS-pp.svg b/res-pp/EQS-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -34,16 +47,21 @@ text.brand {
</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="50" y="17" font-size="9pt" letter-spacing="3px">EQS</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="90.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 89.0,1 89.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">EQS</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
<g transform="translate(0 40)">
<text font-size="8pt" letter-spacing="2px" transform="translate(32 0)">LOW</text>
@@ -54,7 +72,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-eq-eqs" transform="translate(10 -3)" href="#dial-eq-eqs"/>
</g>
<g transform="translate(0 122)">
@@ -66,7 +84,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-eq-eqs" transform="translate(10 -3)" href="#dial-eq-eqs"/>
</g>
<g transform="translate(0 204)">
@@ -78,7 +96,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-eq-eqs" transform="translate(10 -3)" href="#dial-eq-eqs"/>
</g>
<g transform="translate(11 275)">
diff --git a/res-pp/Edge-pp.svg b/res-pp/Edge-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -50,7 +63,7 @@ text.brand {
</g>
<g transform="rotate(-90) translate(17 0)">
- <!-- <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" /> -->
+
<g transform="translate(2.4 0) rotate(90)">
<text font-size="5pt" transform="translate(-1.9 2)">0</text>
</g>
@@ -88,13 +101,13 @@ text.brand {
</g>
<g transform="rotate(-225) translate(22 0)">
- <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> -->
+
<g transform="translate(2.5 0) rotate(225)">
<text font-size="5pt" transform="translate(-3 7)">-10</text>
</g>
</g>
<g transform="rotate(45) translate(22 0)">
- <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> -->
+
<g transform="translate(2.5 0) rotate(-45)">
<text font-size="5pt" transform="translate(-7 7)">10</text>
</g>
@@ -119,18 +132,23 @@ text.brand {
</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">EDGE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">EDGE</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">RISE</text>
@@ -141,8 +159,8 @@ text.brand {
<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)" /> -->
+ <use xlink:href="#dial-time-edge" transform="scale(1) translate(0 5)" href="#dial-time-edge"/>
+
</g>
<g transform="translate(0 89)">
@@ -154,8 +172,8 @@ text.brand {
<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)" /> -->
+ <use xlink:href="#dial-time-edge" transform="scale(1) translate(0 5)" href="#dial-time-edge"/>
+
</g>
<g transform="translate(0 153)">
@@ -167,8 +185,8 @@ text.brand {
<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)" /> -->
+ <use xlink:href="#dial-hold-edge" transform="scale(1) translate(2.5 -3)" href="#dial-hold-edge"/>
+
</g>
<g transform="translate(0 191)">
diff --git a/res-pp/EightFO-pp.svg b/res-pp/EightFO-pp.svg
@@ -13,13 +13,26 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
<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)"/>
@@ -27,24 +40,24 @@ text.brand {
<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>
@@ -62,26 +75,26 @@ text.brand {
</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="255.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 254.0,1 254.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 254.5,0.5 254.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 255.0,0 255.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(127.5 19)">8FO</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(127.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(112.0 -5)"/>
+ </g>
+ </svg>
<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"/>
@@ -125,10 +138,10 @@ text.brand {
<polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-216.92) translate(37 0)"/>
<polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-193.85) translate(37 0)"/>
- <!-- <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-170.77) translate(37 0)" /> -->
+
<polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-147.69) translate(37 0)"/>
- <!-- <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-124.62) translate(37 0)" /> -->
+
<polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-101.54) translate(37 0)"/>
<polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-78.46) translate(37 0)"/>
@@ -144,8 +157,8 @@ text.brand {
</g>
</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)">
@@ -157,9 +170,9 @@ text.brand {
</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)">
@@ -168,13 +181,13 @@ text.brand {
<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)">
@@ -221,15 +234,15 @@ text.brand {
</g>
</g>
</svg></g>
- <use xlink:href="#waves-eightfo" transform="translate(-2 -22)"/>
+ <use xlink:href="#waves-eightfo" transform="translate(-2 -22)" href="#waves-eightfo"/>
</g>
- <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 203)" /> -->
+
<g transform="translate(10 226)">
- <!-- <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(43 -13)" /> -->
- <!-- <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>
<g transform="translate(20 0)"><svg id="OFFSET_PARAM">
@@ -371,7 +384,7 @@ text.brand {
</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)" /> -->
+
<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"/>
@@ -384,15 +397,15 @@ text.brand {
</g>
<g transform="translate(137 36)">
- <use xlink:href="#dial-phase-eightfo" transform="translate(3 0) translate(12 12) rotate(-225) translate(-20 -20)"/>
- <use xlink:href="#dial-phase-eightfo" transform="translate(3 40) translate(12 12) rotate(-180) translate(-20 -20)"/>
- <use xlink:href="#dial-phase-eightfo" transform="translate(3 80) translate(12 12) rotate(-135) translate(-20 -20)"/>
- <use xlink:href="#dial-phase-eightfo" transform="translate(3 120) translate(12 12) rotate(-90) translate(-20 -20)"/>
+ <use xlink:href="#dial-phase-eightfo" transform="translate(3 0) translate(12 12) rotate(-225) translate(-20 -20)" href="#dial-phase-eightfo"/>
+ <use xlink:href="#dial-phase-eightfo" transform="translate(3 40) translate(12 12) rotate(-180) translate(-20 -20)" href="#dial-phase-eightfo"/>
+ <use xlink:href="#dial-phase-eightfo" transform="translate(3 80) translate(12 12) rotate(-135) translate(-20 -20)" href="#dial-phase-eightfo"/>
+ <use xlink:href="#dial-phase-eightfo" transform="translate(3 120) translate(12 12) rotate(-90) translate(-20 -20)" href="#dial-phase-eightfo"/>
- <use xlink:href="#dial-phase-eightfo" transform="translate(3 160) translate(12 12) rotate(-45) translate(-20 -20)"/>
- <use xlink:href="#dial-phase-eightfo" transform="translate(3 200) translate(12 12) rotate(0) translate(-20 -20)"/>
- <use xlink:href="#dial-phase-eightfo" transform="translate(3 240) translate(12 12) rotate(45) translate(-20 -20)"/>
- <use xlink:href="#dial-phase-eightfo" transform="translate(3 280) translate(12 12) rotate(90) translate(-20 -20)"/>
+ <use xlink:href="#dial-phase-eightfo" transform="translate(3 160) translate(12 12) rotate(-45) translate(-20 -20)" href="#dial-phase-eightfo"/>
+ <use xlink:href="#dial-phase-eightfo" transform="translate(3 200) translate(12 12) rotate(0) translate(-20 -20)" href="#dial-phase-eightfo"/>
+ <use xlink:href="#dial-phase-eightfo" transform="translate(3 240) translate(12 12) rotate(45) translate(-20 -20)" href="#dial-phase-eightfo"/>
+ <use xlink:href="#dial-phase-eightfo" transform="translate(3 280) translate(12 12) rotate(90) translate(-20 -20)" href="#dial-phase-eightfo"/>
</g>
<g transform="translate(176 32)">
@@ -507,15 +520,15 @@ text.brand {
<text font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text>
</g>
- <!-- <polyline points="0,0 0,360" stroke="#0f0" stroke-width="1" fill="none" transform="translate(135 0)" /> -->
- <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 360)" /> -->
- <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 263)" /> -->
+
+
+
<g transform="translate(0 313)">
<rect width="70" height="87" rx="5" fill="#fafafa" transform="translate(10 -40)"/>
<rect width="108" height="43" rx="5" fill="#fafafa" transform="translate(10 -40)"/>
- <!-- <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" /> -->
+
<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"/>
@@ -525,7 +538,7 @@ text.brand {
<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" /> -->
+
<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"/>
@@ -535,7 +548,7 @@ text.brand {
<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" /> -->
+
<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"/>
@@ -545,7 +558,7 @@ text.brand {
<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" /> -->
+
<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"/>
@@ -555,7 +568,7 @@ text.brand {
<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" /> -->
+
<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"/>
diff --git a/res-pp/EightHP-pp.svg b/res-pp/EightHP-pp.svg
@@ -13,16 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="50" y="17" font-size="9pt" letter-spacing="3px">8HP8HP</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="120.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 119.0,1 119.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 120.0,0 120.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(60.0 19)">8HP8HP</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(60.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(44.5 -5)"/>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/EightOne-pp.svg b/res-pp/EightOne-pp.svg
@@ -13,18 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="63" y="17" font-size="9pt" letter-spacing="3px">8:1</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="90.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 89.0,1 89.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">8:1</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
<g transform="translate(6.5 32)">
<rect width="34" height="337" rx="5" fill="#fafafa" transform="translate(0 -9)"/>
@@ -173,8 +191,8 @@ text.brand {
<text font-size="5pt" letter-spacing="2px" transform="translate(-1.3 34)">REV</text>
</g>
- <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 200)" /> -->
- <!-- <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>
<g transform="translate(0 2)"><svg id="SELECT_PARAM">
@@ -219,8 +237,8 @@ text.brand {
<text font-size="5pt" letter-spacing="2px" transform="translate(8 35)">OUT</text>
</g>
- <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 47)" /> -->
- <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 336)" /> -->
- <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 351)" /> -->
- <!-- <polyline points="0,0 0,360" stroke="#f00" stroke-width="1" fill="none" transform="translate(66.50 0)" /> -->
+
+
+
+
</svg>
diff --git a/res-pp/EighteenHP-pp.svg b/res-pp/EighteenHP-pp.svg
@@ -13,16 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <rect width="100%" height="100%" fill="#ddd"/>
- <polyline points="1,1 269,1 269,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
- <polyline points="0.5,0.5 269.5,0.5 269.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
- <polyline points="0,0 270,0 270,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="44" y="19" font-size="12pt" letter-spacing="4px">18HP-18HP-18HP</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="270.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 269.0,1 269.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 269.5,0.5 269.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 270.0,0 270.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(135.0 19)">18HP-18HP-18HP</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(135.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(119.5 -5)"/>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/FFB-pp.svg b/res-pp/FFB-pp.svg
@@ -13,22 +13,40 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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)" /> -->
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="120.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 119.0,1 119.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 120.0,0 120.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="middle" transform="translate(60.0 19)">FFB</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
+
<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)">
@@ -52,7 +70,7 @@ text.brand {
<polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/>
</g>
</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>
@@ -78,7 +96,7 @@ text.brand {
<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>
@@ -104,7 +122,7 @@ text.brand {
<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)">
@@ -131,7 +149,7 @@ text.brand {
<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>
@@ -157,7 +175,7 @@ text.brand {
<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>
@@ -183,7 +201,7 @@ text.brand {
<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)">
@@ -210,7 +228,7 @@ text.brand {
<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>
@@ -236,7 +254,7 @@ text.brand {
<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>
@@ -262,7 +280,7 @@ text.brand {
<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)">
@@ -289,7 +307,7 @@ text.brand {
<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>
@@ -315,7 +333,7 @@ text.brand {
<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>
@@ -341,7 +359,7 @@ text.brand {
<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)">
@@ -368,7 +386,7 @@ text.brand {
<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>
@@ -415,7 +433,7 @@ text.brand {
<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>
<g transform="translate(28.5 278)">
diff --git a/res-pp/FMOp-pp.svg b/res-pp/FMOp-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -106,26 +119,26 @@ text.brand {
</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="35" height="20" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="35" height="20" fill="#0f0" transform="translate(115 0)" /> -->
-
- <!-- <polyline points="0,50 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(120 0)" /> -->
-
- <text class="title" x="39" y="19" font-size="12pt" letter-spacing="4px">FM-OP</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="150.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">FM-OP</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
+ </g>
+ </svg>
<g transform="translate(10 25)">
- <!-- <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)" /> -->
+
<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"/>
@@ -134,7 +147,7 @@ text.brand {
</g>
</svg></g>
</g>
- <use xlink:href="#dial-ratio-fmop" transform="translate(-10 0)"/>
+ <use xlink:href="#dial-ratio-fmop" transform="translate(-10 0)" href="#dial-ratio-fmop"/>
<g transform="translate(82 20)">
<text font-size="8pt" letter-spacing="2px" transform="translate(8 35) rotate(270)">FINE</text>
<g transform="translate(20 12)"><svg id="FINE_PARAM">
@@ -144,7 +157,7 @@ text.brand {
<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>
<g transform="translate(90 20)"><svg>
<g transform="translate(20 20)">
@@ -159,7 +172,7 @@ text.brand {
</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>
<g transform="translate(20 0)"><svg id="ATTACK_PARAM">
@@ -169,14 +182,14 @@ text.brand {
<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 xlink:href="#dial-time-fmop" transform="translate(10.5 -9.5)" href="#dial-time-fmop"/>
<g transform="translate(31.5 29)"><svg id="ATTACK_LIGHT">
<rect width="3.2" height="3.2" fill="#0f0"/>
</svg></g>
</g>
<g transform="translate(87 139)">
- <!-- <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>
<g transform="translate(20 0)"><svg id="DECAY_PARAM">
<g transform="translate(13 13)">
@@ -185,14 +198,14 @@ text.brand {
<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 xlink:href="#dial-time-fmop" transform="translate(10.5 -9.5)" href="#dial-time-fmop"/>
<g transform="translate(31.5 29)"><svg id="DECAY_LIGHT">
<rect width="3.2" height="3.2" fill="#0f0"/>
</svg></g>
</g>
<g transform="translate(87 184)">
- <!-- <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>
<g transform="translate(20 0)"><svg id="SUSTAIN_PARAM">
<g transform="translate(13 13)">
@@ -201,7 +214,7 @@ text.brand {
<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)" /> -->
+
<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>
@@ -222,7 +235,7 @@ text.brand {
</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>
<g transform="translate(20 0)"><svg id="RELEASE_PARAM">
<g transform="translate(13 13)">
@@ -231,17 +244,17 @@ text.brand {
<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 xlink:href="#dial-time-fmop" transform="translate(10.5 -9.5)" href="#dial-time-fmop"/>
<g transform="translate(31.5 29)"><svg id="RELEASE_LIGHT">
<rect width="3.2" height="3.2" fill="#0f0"/>
</svg></g>
</g>
- <!-- <rect width="70" height="8" fill="#ff0" transform="translate(80 126)" /> -->
- <!-- <rect width="70" height="8" fill="#ff0" transform="translate(80 171)" /> -->
- <!-- <rect width="70" height="8" fill="#ff0" transform="translate(80 216)" /> -->
- <!-- <rect width="70" height="8" fill="#ff0" transform="translate(80 261)" /> -->
+
+
+
+
<g transform="translate(16 106)">
<text font-size="8pt" letter-spacing="1px" transform="translate(8 38) rotate(270)">DEPTH</text>
@@ -310,7 +323,7 @@ text.brand {
</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>
<g transform="translate(20 0)"><svg id="LEVEL_PARAM">
<g transform="translate(13 13)">
@@ -344,9 +357,9 @@ text.brand {
</svg></g>
</g>
- <!-- <rect width="70" height="9" fill="#f0f" transform="translate(0 148)" /> -->
- <!-- <rect width="70" height="9" fill="#f0f" transform="translate(0 204)" /> -->
- <!-- <rect width="70" height="9" fill="#f0f" transform="translate(0 260)" /> -->
+
+
+
<g transform="translate(0 269)">
<rect width="130" height="91" rx="5" fill="#bbb" transform="translate(10 0)"/>
diff --git a/res-pp/FifteenHP-pp.svg b/res-pp/FifteenHP-pp.svg
@@ -13,16 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="54" y="19" font-size="12pt" letter-spacing="4px">15HP-15HP</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="225.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">15HP-15HP</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/FiveHP-pp.svg b/res-pp/FiveHP-pp.svg
@@ -13,16 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="35" y="17" font-size="9pt" letter-spacing="3px">5HP</text>
- <g transform="translate(25 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
- <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="75.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 74.0,1 74.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 75.0,0 75.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(68.0 17)">5HP</text>
+ <g transform="translate(25 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
+ <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/FlipFlop-pp.svg b/res-pp/FlipFlop-pp.svg
@@ -13,25 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="1.5px">FLIPFLOP</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">FLIPFLOP</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 18)">
<g transform="translate(5.5 0)">
diff --git a/res-pp/Follow-pp.svg b/res-pp/Follow-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -49,20 +62,23 @@ text.brand {
</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,300" 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="2.5px">FOLLOW</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">FOLLOW</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(8.5 0)">DAMP</text>
@@ -73,7 +89,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-response-follow" transform="translate(0 3)" href="#dial-response-follow"/>
<g transform="translate(5.5 49)">
<rect width="34" height="39" rx="5" fill="#fafafa"/>
<g transform="translate(5 3)"><svg id="RESPONSE_INPUT">
@@ -95,7 +111,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-scale-follow" transform="translate(0 3)" href="#dial-scale-follow"/>
<g transform="translate(5.5 49)">
<rect width="34" height="38" rx="5" fill="#fafafa"/>
<g transform="translate(5 3)"><svg id="GAIN_INPUT">
@@ -133,5 +149,5 @@ text.brand {
</g>
</g>
- <!-- <polyline points="0,0 45,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 73)" /> -->
+
</svg>
diff --git a/res-pp/FourMan-pp.svg b/res-pp/FourMan-pp.svg
@@ -13,20 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">4MAN</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">4MAN</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 18)">
<g transform="translate(5.5 0)">
diff --git a/res-pp/Inv-pp.svg b/res-pp/Inv-pp.svg
@@ -13,20 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">INV</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">INV</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 18)">
<g transform="translate(5.5 0)">
diff --git a/res-pp/LFO-pp.svg b/res-pp/LFO-pp.svg
@@ -13,28 +13,43 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="150.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">LFO</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
+ </g>
+ </svg>
- <!-- <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"/>
@@ -78,10 +93,10 @@ text.brand {
<polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-216.92) translate(37 0)"/>
<polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-193.85) translate(37 0)"/>
- <!-- <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-170.77) translate(37 0)" /> -->
+
<polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-147.69) translate(37 0)"/>
- <!-- <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-124.62) translate(37 0)" /> -->
+
<polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-101.54) translate(37 0)"/>
<polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-78.46) translate(37 0)"/>
@@ -97,8 +112,8 @@ text.brand {
</g>
</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)">
@@ -112,8 +127,8 @@ text.brand {
<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)">
@@ -139,8 +154,8 @@ text.brand {
</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)">
@@ -191,7 +206,7 @@ text.brand {
<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)">
@@ -213,7 +228,7 @@ text.brand {
</g>
</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)">
@@ -236,9 +251,9 @@ text.brand {
</svg></g>
</g>
- <!-- <rect width="50" height="10" fill="#0f0" transform="translate(0 137)" /> -->
- <!-- <rect width="50" height="10" fill="#0f0" transform="translate(0 181)" /> -->
- <!-- <rect width="50" height="10" fill="#0f0" transform="translate(0 215)" /> -->
+
+
+
<g transform="translate(0 225)">
<rect width="130" height="91" rx="5" fill="#bbb" transform="translate(10 44)"/>
@@ -273,9 +288,9 @@ text.brand {
<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" /> -->
+
<polyline points="0,8 0,0 12,8" stroke-width="1" stroke="#333" fill="none"/>
</g>
</g>
@@ -317,9 +332,9 @@ text.brand {
<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" /> -->
+
<polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
</g>
</g>
@@ -350,9 +365,9 @@ text.brand {
<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" /> -->
+
<polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
</g>
</g>
@@ -363,9 +378,9 @@ text.brand {
<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" /> -->
+
<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>
diff --git a/res-pp/LLFO-pp.svg b/res-pp/LLFO-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -46,23 +59,28 @@ text.brand {
</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">LLFO</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">LLFO</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
+
<g transform="translate(0 25)">
- <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> -->
+
<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"/>
@@ -70,7 +88,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-frequency-llfo" transform="translate(0 -7.5)" href="#dial-frequency-llfo"/>
</g>
<g transform="translate(0 72)">
@@ -83,14 +101,14 @@ text.brand {
</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)">
<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"/>
<path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none"/>
</g>
@@ -101,7 +119,7 @@ text.brand {
<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"/>
</g>
</g>
@@ -111,7 +129,7 @@ text.brand {
<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"/>
</g>
</g>
@@ -123,7 +141,7 @@ text.brand {
<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"/>
</g>
</g>
@@ -133,7 +151,7 @@ text.brand {
<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"/>
</g>
</g>
@@ -143,7 +161,7 @@ text.brand {
<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"/>
</g>
</g>
@@ -157,7 +175,7 @@ text.brand {
</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>
<g transform="translate(14.5 9.5)"><svg id="OFFSET_PARAM">
<g transform="translate(8 8)">
@@ -180,7 +198,7 @@ text.brand {
</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>
<g transform="translate(14.5 9.5)"><svg id="SCALE_PARAM">
<g transform="translate(8 8)">
@@ -203,7 +221,7 @@ text.brand {
</g>
<g transform="translate(0 228)">
- <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -8)" /> -->
+
<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"/>
diff --git a/res-pp/LVCF-pp.svg b/res-pp/LVCF-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -52,18 +65,23 @@ text.brand {
</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">LVCF</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">LVCF</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 31)">
<text font-size="6pt" letter-spacing="1px" transform="translate(5 0)">CUTOFF</text>
@@ -74,7 +92,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-cutoff-lvcf" transform="translate(0 -1.5)" href="#dial-cutoff-lvcf"/>
</g>
<g transform="translate(0 84)">
@@ -108,7 +126,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-q-lvcf" transform="translate(0 -1.5)" href="#dial-q-lvcf"/>
</g>
<g transform="translate(0.5 180)">
diff --git a/res-pp/LVCO-pp.svg b/res-pp/LVCO-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -37,23 +50,28 @@ text.brand {
</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">LVCO</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">LVCO</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
+
<g transform="translate(0 25)">
- <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> -->
+
<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"/>
@@ -61,7 +79,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-frequency-lvco" transform="translate(0 -7.5)" href="#dial-frequency-lvco"/>
</g>
<g transform="translate(0 63)">
@@ -74,14 +92,14 @@ text.brand {
</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)">
<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"/>
<path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none"/>
</g>
@@ -92,7 +110,7 @@ text.brand {
<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"/>
</g>
</g>
@@ -102,7 +120,7 @@ text.brand {
<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"/>
</g>
</g>
@@ -114,7 +132,7 @@ text.brand {
<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"/>
</g>
</g>
@@ -124,7 +142,7 @@ text.brand {
<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"/>
</g>
</g>
@@ -134,7 +152,7 @@ text.brand {
<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"/>
</g>
</g>
@@ -148,7 +166,7 @@ text.brand {
</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>
<g transform="translate(14.5 9.5)"><svg id="FM_DEPTH_PARAM">
<g transform="translate(8 8)">
@@ -171,7 +189,7 @@ text.brand {
</g>
<g transform="translate(0 193)">
- <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -8)" /> -->
+
<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"/>
diff --git a/res-pp/Lag-pp.svg b/res-pp/Lag-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -33,20 +46,23 @@ text.brand {
</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,300" 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="2.5px">LAG</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">LAG</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(9.5 0)">TIME</text>
@@ -110,7 +126,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-shape-lag" transform="translate(0 3)" href="#dial-shape-lag"/>
<g transform="translate(5.5 49)">
<rect width="34" height="38" rx="5" fill="#fafafa"/>
<g transform="translate(5 3)"><svg id="SHAPE_INPUT">
diff --git a/res-pp/Lmtr-pp.svg b/res-pp/Lmtr-pp.svg
@@ -13,24 +13,42 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="90.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 89.0,1 89.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">LMTR</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
- <!-- <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>
diff --git a/res-pp/Manual-pp.svg b/res-pp/Manual-pp.svg
@@ -13,20 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">MANUAL</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">MANUAL</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 18)">
<g transform="translate(0 0)">
diff --git a/res-pp/Matrix44-pp.svg b/res-pp/Matrix44-pp.svg
@@ -13,25 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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="150" height="24" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 22)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 78)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 134)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 190)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 245)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="19" y="19" font-size="12pt" letter-spacing="4px">MATRIX44</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="150.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">MATRIX44</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
+ </g>
+ </svg>
<g transform="translate(13.5 42.5)">
<text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text>
@@ -423,8 +434,8 @@ text.brand {
</g>
</g>
- <!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(27 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(59 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(91 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(123 0)" /> -->
+
+
+
+
</svg>
diff --git a/res-pp/Matrix88-pp.svg b/res-pp/Matrix88-pp.svg
@@ -13,22 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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"/>
- <polyline points="0,0 330,0 330,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(220 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 0)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="110.5" y="19" font-size="12pt" letter-spacing="4px">MATRIX88</text>
- <g transform="translate(125 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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="330.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 329.0,1 329.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 330.0,0 330.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(165.0 19)">MATRIX88</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(165.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(149.5 -5)"/>
+ </g>
+ </svg>
<g transform="translate(5.5 25)">
<rect width="34" height="293" rx="5" fill="#fafafa" transform="translate(0 0)"/>
@@ -1294,28 +1308,28 @@ text.brand {
</svg></g>
</g>
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
+
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(63.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(98.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(133.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(168.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(203.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(238.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(273.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(308.5 0)" /> -->
+
+
+
+
+
+
+
+
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 42)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 79)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 116)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 153)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 190)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 227)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 264)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 301)" /> -->
+
+
+
+
+
+
+
+
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 340)" /> -->
+
- <!-- <rect width="330" height="11" fill="#0f0" transform="translate(0 274)" /> -->
- <!-- <rect width="8" height="380" fill="#0f0" transform="translate(77 0)" /> -->
+
+
</svg>
diff --git a/res-pp/Mix1-pp.svg b/res-pp/Mix1-pp.svg
@@ -13,25 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">MIX1</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 18)">
<g transform="translate(0 0)"><svg>
@@ -65,7 +78,7 @@ text.brand {
<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>
diff --git a/res-pp/Mix2-pp.svg b/res-pp/Mix2-pp.svg
@@ -13,18 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="75.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 74.0,1 74.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 75.0,0 75.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(68.0 17)">MIX2</text>
+ <g transform="translate(25 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
+ <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
+ </g>
+ </svg>
<g transform="translate(0 32)">
<g transform="translate(15 0)"><svg>
@@ -58,7 +76,7 @@ text.brand {
<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>
diff --git a/res-pp/Mix4-pp.svg b/res-pp/Mix4-pp.svg
@@ -13,26 +13,39 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="225.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">MIX4</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/>
+ </g>
+ </svg>
<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)">
@@ -65,7 +78,7 @@ text.brand {
<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>
@@ -128,11 +141,11 @@ text.brand {
</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)" /> -->
+
</g>
<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>
<g transform="translate(0 12)"><svg>
<g transform="translate(0 6.5)">
@@ -165,7 +178,7 @@ text.brand {
<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>
@@ -228,11 +241,11 @@ text.brand {
</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)" /> -->
+
</g>
<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>
<g transform="translate(0 12)"><svg>
<g transform="translate(0 6.5)">
@@ -265,7 +278,7 @@ text.brand {
<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>
@@ -328,11 +341,11 @@ text.brand {
</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)" /> -->
+
</g>
<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>
<g transform="translate(0 12)"><svg>
<g transform="translate(0 6.5)">
@@ -365,7 +378,7 @@ text.brand {
<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>
@@ -428,11 +441,11 @@ text.brand {
</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)" /> -->
+
</g>
<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>
<g transform="translate(0 12)"><svg>
<g transform="translate(0 6.5)">
@@ -465,7 +478,7 @@ text.brand {
<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>
@@ -518,5 +531,5 @@ text.brand {
<text font-size="5pt" letter-spacing="2px" transform="translate(15 108)">R</text>
</g>
</g>
- <!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 360)" /> -->
+
</svg>
diff --git a/res-pp/Mix4x-pp.svg b/res-pp/Mix4x-pp.svg
@@ -13,24 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="225.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">MIX4X</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/>
+ </g>
+ </svg>
<g transform="translate(4 20)">
<text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text>
@@ -545,7 +557,7 @@ text.brand {
</g>
<g transform="translate(176 20)">
- <!-- <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"/>
<g transform="translate(5 3)"><svg id="SEND_A_OUTPUT">
@@ -586,11 +598,11 @@ text.brand {
</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)" /> -->
- <!-- <rect width="4" height="36" fill="#fafafa" transform="translate(-4 8.5)" /> -->
- <!-- <text font-size="5pt" letter-spacing="2px" transform="translate(-1 40) rotate(-90)">AUX A</text> -->
- <!-- </g> -->
+
+
+
+
+
</g>
<g transform="translate(2.5 106)"><svg>
<g transform="translate(20 20)">
@@ -649,6 +661,6 @@ 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(-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
@@ -13,26 +13,39 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="405.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 404.0,1 404.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 405.0,0 405.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(202.5 19)">MIX8</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(202.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(187.0 -5)"/>
+ </g>
+ </svg>
<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)">
@@ -65,7 +78,7 @@ text.brand {
<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>
@@ -128,11 +141,11 @@ text.brand {
</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(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>
<g transform="translate(0 12)"><svg>
<g transform="translate(0 6.5)">
@@ -165,7 +178,7 @@ text.brand {
<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>
@@ -228,11 +241,11 @@ text.brand {
</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(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>
<g transform="translate(0 12)"><svg>
<g transform="translate(0 6.5)">
@@ -265,7 +278,7 @@ text.brand {
<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>
@@ -328,11 +341,11 @@ text.brand {
</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(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>
<g transform="translate(0 12)"><svg>
<g transform="translate(0 6.5)">
@@ -365,7 +378,7 @@ text.brand {
<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>
@@ -428,11 +441,11 @@ text.brand {
</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)">
@@ -465,7 +478,7 @@ text.brand {
<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>
@@ -528,11 +541,11 @@ text.brand {
</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)">
@@ -565,7 +578,7 @@ text.brand {
<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>
@@ -628,11 +641,11 @@ text.brand {
</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>
<g transform="translate(0 12)"><svg>
<g transform="translate(0 6.5)">
@@ -665,7 +678,7 @@ text.brand {
<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>
@@ -728,11 +741,11 @@ text.brand {
</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(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>
<g transform="translate(0 12)"><svg>
<g transform="translate(0 6.5)">
@@ -765,7 +778,7 @@ text.brand {
<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>
@@ -828,11 +841,11 @@ text.brand {
</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(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>
<g transform="translate(0 12)"><svg>
<g transform="translate(0 6.5)">
@@ -865,7 +878,7 @@ text.brand {
<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>
@@ -918,5 +931,5 @@ text.brand {
<text font-size="5pt" letter-spacing="2px" transform="translate(15 108)">R</text>
</g>
</g>
- <!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 360)" /> -->
+
</svg>
diff --git a/res-pp/Mix8x-pp.svg b/res-pp/Mix8x-pp.svg
@@ -13,23 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="405.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 404.0,1 404.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 405.0,0 405.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(202.5 19)">MIX8X</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(202.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(187.0 -5)"/>
+ </g>
+ </svg>
<g transform="translate(4 20)">
<text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text>
@@ -1056,7 +1069,7 @@ text.brand {
</g>
<g transform="translate(356 20)">
- <!-- <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"/>
<g transform="translate(5 3)"><svg id="SEND_A_OUTPUT">
@@ -1155,6 +1168,6 @@ 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(-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
@@ -13,11 +13,24 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
<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)"/>
<rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)"/>
</symbol>
@@ -38,34 +51,37 @@ text.brand {
</g>
<g transform="translate(0 15)">
- <!-- <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(23 0)" /> -->
+
<text font-size="6.0pt" transform="translate(31 0) rotate(-90) translate(-4.5 2.2)">dB</text>
</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" /> -->
-
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">MONO</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">MONO</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text>
</g>
<g transform="translate(2.5 30)">
- <!-- <rect width="40" height="40" fill="#fafafa" transform="translate(0 0)" /> -->
+
<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>
@@ -119,9 +135,9 @@ text.brand {
</svg></g>
</g>
- <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 72)" /> -->
- <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 178)" /> -->
- <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 237)" /> -->
+
+
+
<g transform="translate(0 92)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">COMP</text>
@@ -150,8 +166,8 @@ text.brand {
</g>
<g transform="translate(17 147)">
- <use id="COMPRESSION_WIDGET" xlink:href="#compression-mono" transform="translate(0 -1)"/>
- <use xlink:href="#guide-compression-mono" transform="translate(-13 -11)"/>
+ <use id="COMPRESSION_WIDGET" xlink:href="#compression-mono" transform="translate(0 -1)" href="#compression-mono"/>
+ <use xlink:href="#guide-compression-mono" transform="translate(-13 -11)" href="#guide-compression-mono"/>
</g>
<g transform="translate(0 198)">
diff --git a/res-pp/Mult-pp.svg b/res-pp/Mult-pp.svg
@@ -13,20 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">MULT</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">MULT</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 18)">
<g transform="translate(0 0)">
diff --git a/res-pp/Mumix-pp.svg b/res-pp/Mumix-pp.svg
@@ -13,18 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="26" y="17" font-size="9pt" letter-spacing="3px">MUMIX</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="90.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 89.0,1 89.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">MUMIX</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
<g transform="translate(2 25)">
<g transform="translate(5.5 0)">
@@ -135,14 +153,14 @@ text.brand {
</svg></g>
</g>
- <!-- <polyline points="0,0 0,380" stroke-width="0.5" stroke="#0f0" transform="translate(24.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke-width="0.5" stroke="#0f0" transform="translate(65.5 0)" /> -->
- <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 42)" /> -->
- <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 79)" /> -->
- <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 116)" /> -->
- <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 153)" /> -->
- <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 190)" /> -->
- <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 227)" /> -->
- <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 264)" /> -->
- <!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 301)" /> -->
+
+
+
+
+
+
+
+
+
+
</svg>
diff --git a/res-pp/Mute8-pp.svg b/res-pp/Mute8-pp.svg
@@ -13,21 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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="40" height="20" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="40" height="20" fill="#0f0" transform="translate(110 0)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="36.5" y="19" font-size="12pt" letter-spacing="4px">MUTE8</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="150.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">MUTE8</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
+ </g>
+ </svg>
<g transform="translate(8 32)">
<rect width="30" height="328" rx="5" fill="#fafafa"/>
@@ -142,7 +157,7 @@ text.brand {
</g>
<g transform="translate(77.5 32)">
- <!-- <rect width="30" height="328" rx="5" fill="#fafafa" /> -->
+
<g transform="translate(0 4)">
<g transform="translate(0 2)">
<g transform="translate(1 3)"><svg id="MUTE1_PARAM">
diff --git a/res-pp/Noise-pp.svg b/res-pp/Noise-pp.svg
@@ -13,20 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">NOISE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">NOISE</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 18)">
<g transform="translate(7.5 0)">
diff --git a/res-pp/Nsgt-pp.svg b/res-pp/Nsgt-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -20,7 +33,7 @@ text.brand {
<g transform="translate(35 35)">
<text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-2.5 2.5)">1</text>
<text font-size="6.0pt" transform="rotate(-193.72) translate(25 0) rotate(193.72) translate(-8 2.5)">1.1</text>
- <text font-size="6.0pt" transform="rotate(-149.70) translate(25 0) rotate(149.70) translate(-9 2.5)">1.3</text>
+ <text font-size="6.0pt" transform="rotate(-149.7) translate(25 0) rotate(149.7) translate(-9 2.5)">1.3</text>
<text font-size="6.0pt" transform="rotate(-108.93) translate(25 0) rotate(108.93) translate(-9 2.5)">1.6</text>
<text font-size="6.0pt" transform="rotate(-74.52) translate(25 0) rotate(74.52) translate(-2.3 2.5)">2</text>
<text font-size="6.0pt" transform="rotate(-47.12) translate(25 0) rotate(47.12) translate(-2.3 2.5)">2.5</text>
@@ -31,22 +44,27 @@ text.brand {
</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">NSGT</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="90.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 89.0,1 89.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">NSGT</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
- <!-- <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>
@@ -84,7 +102,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-ratio-nsgt" transform="translate(10 -3)" href="#dial-ratio-nsgt"/>
</g>
<g transform="translate(40 198)">
diff --git a/res-pp/Offset-pp.svg b/res-pp/Offset-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -50,7 +63,7 @@ text.brand {
</g>
<g transform="rotate(-90) translate(17 0)">
- <!-- <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" /> -->
+
<g transform="translate(2.4 0) rotate(90)">
<text font-size="6.5pt" transform="translate(-2.3 3.3)">0</text>
</g>
@@ -88,13 +101,13 @@ text.brand {
</g>
<g transform="rotate(-225) translate(22 0)">
- <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> -->
+
<g transform="translate(2.5 0) rotate(225)">
<text font-size="9pt" transform="translate(-2 3.4)">-</text>
</g>
</g>
<g transform="rotate(45) translate(22 0)">
- <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> -->
+
<g transform="translate(2.5 0) rotate(-45)">
<text font-size="7pt" transform="translate(-2.9 3)">+</text>
</g>
@@ -139,7 +152,7 @@ text.brand {
</g>
<g transform="rotate(-90) translate(17 0)">
- <!-- <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" /> -->
+
<g transform="translate(2.4 0) rotate(90)">
<text font-size="6.5pt" transform="translate(-2.3 3.3)">0</text>
</g>
@@ -180,13 +193,13 @@ text.brand {
</g>
<g transform="rotate(-225) translate(22 0)">
- <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> -->
+
<g transform="translate(2.5 0) rotate(225)">
<text font-size="9pt" transform="translate(-2 3.4)">-</text>
</g>
</g>
<g transform="rotate(45) translate(22 0)">
- <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> -->
+
<g transform="translate(2.5 0) rotate(-45)">
<text font-size="7pt" transform="translate(-2.9 3)">+</text>
</g>
@@ -195,18 +208,23 @@ text.brand {
</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">OFFSET</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">OFFSET</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2px" transform="translate(3 0)">OFFSET</text>
@@ -217,7 +235,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-offset-offset" transform="scale(1) translate(0 7)" href="#dial-offset-offset"/>
<g transform="translate(5.5 53)">
<rect width="34" height="39" rx="5" fill="#fafafa"/>
<g transform="translate(5 3)"><svg id="OFFSET_INPUT">
@@ -239,7 +257,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-exp-offset" transform="scale(1) translate(0 7)" href="#dial-exp-offset"/>
<g transform="translate(5.5 53)">
<rect width="34" height="38" rx="5" fill="#fafafa"/>
<g transform="translate(5 3)"><svg id="SCALE_INPUT">
@@ -277,5 +295,5 @@ text.brand {
</g>
</g>
- <!-- <polyline points="0,0 45,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 73)" /> -->
+
</svg>
diff --git a/res-pp/OneEight-pp.svg b/res-pp/OneEight-pp.svg
@@ -13,18 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="63" y="17" font-size="9pt" letter-spacing="3px">1:8</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="90.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 89.0,1 89.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">1:8</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
<g transform="translate(6.5 32)">
<rect width="34" height="39" rx="5" fill="#fafafa"/>
@@ -80,8 +98,8 @@ text.brand {
<text font-size="5pt" letter-spacing="2px" transform="translate(-1.3 34)">REV</text>
</g>
- <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 200)" /> -->
- <!-- <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>
<g transform="translate(0 2)"><svg id="SELECT_PARAM">
@@ -219,8 +237,8 @@ text.brand {
</svg></g>
</g>
- <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 47)" /> -->
- <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 336)" /> -->
- <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 351)" /> -->
- <!-- <polyline points="0,0 0,360" stroke="#f00" stroke-width="1" fill="none" transform="translate(23.50 0)" /> -->
+
+
+
+
</svg>
diff --git a/res-pp/PEQ-pp.svg b/res-pp/PEQ-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -51,24 +64,26 @@ text.brand {
</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">PEQ</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="150.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">PEQ</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
+ </g>
+ </svg>
<g transform="translate(0 25)">
- <!-- <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)" /> -->
+
+
+
<g transform="translate(5.5 18)"><svg id="A_LIGHT">
<rect width="6.4" height="6.4" fill="#0f0"/>
</svg></g>
@@ -82,7 +97,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-level-peq" transform="translate(13 3.5)" href="#dial-level-peq"/>
<text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text>
<g transform="translate(59 3.5)"><svg id="A_FREQUENCY_PARAM">
@@ -92,7 +107,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-frequency-peq" transform="translate(56 3.5)" href="#dial-frequency-peq"/>
<text font-size="6pt" letter-spacing="2px" transform="translate(113 19) rotate(270)">BW</text>
<g transform="translate(122 4)"><svg id="A_BANDWIDTH_PARAM">
@@ -145,9 +160,9 @@ text.brand {
</g>
<g transform="translate(0 93)">
- <!-- <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)" /> -->
+
+
+
<g transform="translate(5.5 18)"><svg id="B_LIGHT">
<rect width="6.4" height="6.4" fill="#0f0"/>
</svg></g>
@@ -161,7 +176,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-level-peq" transform="translate(13 3.5)" href="#dial-level-peq"/>
<text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text>
<g transform="translate(59 3.5)"><svg id="B_FREQUENCY_PARAM">
@@ -171,7 +186,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-frequency-peq" transform="translate(56 3.5)" href="#dial-frequency-peq"/>
<text font-size="6pt" letter-spacing="2px" transform="translate(113 22) rotate(270)">BW</text>
<g transform="translate(122 7)"><svg id="B_BANDWIDTH_PARAM">
@@ -215,9 +230,9 @@ text.brand {
</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)" /> -->
+
+
+
<g transform="translate(5.5 18)"><svg id="C_LIGHT">
<rect width="6.4" height="6.4" fill="#0f0"/>
</svg></g>
@@ -231,7 +246,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-level-peq" transform="translate(13 3.5)" href="#dial-level-peq"/>
<text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text>
<g transform="translate(59 3.5)"><svg id="C_FREQUENCY_PARAM">
@@ -241,7 +256,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-frequency-peq" transform="translate(56 3.5)" href="#dial-frequency-peq"/>
<text font-size="6pt" letter-spacing="2px" transform="translate(113 19) rotate(270)">BW</text>
<g transform="translate(122 4)"><svg id="C_BANDWIDTH_PARAM">
diff --git a/res-pp/PEQ14-pp.svg b/res-pp/PEQ14-pp.svg
@@ -13,24 +13,39 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <!-- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="690.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 689.0,1 689.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 689.5,0.5 689.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 690.0,0 690.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(345.0 19)">PEQ14</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(345.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(329.5 -5)"/>
+ </g>
+ </svg>
<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"/>
@@ -57,11 +72,11 @@ text.brand {
<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"/>
@@ -88,11 +103,11 @@ text.brand {
<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(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>
<g transform="translate(31 1)"><svg id="LP_PARAM">
<g transform="translate(4.5 4.5)">
@@ -105,11 +120,11 @@ text.brand {
<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>
<g transform="translate(10 1)"><svg id="FMOD_RELATIVE_LIGHT">
<rect width="6.4" height="6.4" fill="#0f0"/>
@@ -124,7 +139,7 @@ text.brand {
<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>
<g transform="translate(5.5 287)">
@@ -195,7 +210,7 @@ text.brand {
<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>
@@ -307,7 +322,7 @@ text.brand {
<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>
@@ -419,7 +434,7 @@ text.brand {
<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>
@@ -531,7 +546,7 @@ text.brand {
<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>
@@ -643,7 +658,7 @@ text.brand {
<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>
@@ -755,7 +770,7 @@ text.brand {
<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>
@@ -867,7 +882,7 @@ text.brand {
<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>
@@ -979,7 +994,7 @@ text.brand {
<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>
@@ -1091,7 +1106,7 @@ text.brand {
<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>
@@ -1203,7 +1218,7 @@ text.brand {
<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>
@@ -1315,7 +1330,7 @@ text.brand {
<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>
@@ -1427,7 +1442,7 @@ text.brand {
<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>
@@ -1539,7 +1554,7 @@ text.brand {
<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>
@@ -1651,7 +1666,7 @@ text.brand {
<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>
diff --git a/res-pp/PEQ14XF-pp.svg b/res-pp/PEQ14XF-pp.svg
@@ -13,18 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="75.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 74.0,1 74.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 75.0,0 75.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(68.0 17)">PEQ14XF</text>
+ <g transform="translate(25 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
+ <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
+ </g>
+ </svg>
<g transform="translate(-2.5 24)">
<g transform="translate(14.5 6)"><svg id="DAMP_PARAM">
@@ -191,7 +209,7 @@ text.brand {
</g>
</g>
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(18.75 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(37.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(56.25 0)" /> -->
+
+
+
</svg>
diff --git a/res-pp/PEQ14XR-pp.svg b/res-pp/PEQ14XR-pp.svg
@@ -13,18 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="75.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 74.0,1 74.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 75.0,0 75.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(68.0 17)">PEQ14XR</text>
+ <g transform="translate(25 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
+ <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
+ </g>
+ </svg>
<g transform="translate(-2.5 24)">
<g transform="translate(14.5 6)"><svg id="DAMP_PARAM">
diff --git a/res-pp/PEQ14XV-pp.svg b/res-pp/PEQ14XV-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -32,16 +45,21 @@ text.brand {
</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">PEQ14XV</text>
- <g transform="translate(25 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
- <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="75.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 74.0,1 74.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 75.0,0 75.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(68.0 17)">PEQ14XV</text>
+ <g transform="translate(25 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
+ <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
+ </g>
+ </svg>
<text font-size="6pt" letter-spacing="1.5px" transform="translate(9 30)">FOLLOWERS</text>
@@ -101,7 +119,7 @@ text.brand {
<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)">
@@ -113,7 +131,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-transpose-peq14xv" transform="translate(15 3.5)" href="#dial-transpose-peq14xv"/>
<rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(22.5 47)"/>
<g transform="translate(25.5 50)"><svg id="TRANSPOSE_INPUT">
<g transform="translate(12 12)">
@@ -121,7 +139,7 @@ text.brand {
<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)">
@@ -185,7 +203,7 @@ text.brand {
</svg></g>
</g>
- <!-- <rect width="75" height="17" fill="#f0f" transform="translate(0 56)" /> -->
+
</g>
<g transform="translate(5.5 287)">
@@ -223,7 +241,7 @@ text.brand {
<text font-size="5pt" letter-spacing="2px" transform="translate(36 70)">EVEN</text>
</g>
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(18.75 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(37.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(56.25 0)" /> -->
+
+
+
</svg>
diff --git a/res-pp/PEQ6-pp.svg b/res-pp/PEQ6-pp.svg
@@ -13,29 +13,42 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="315.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 314.0,1 314.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 314.5,0.5 314.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 315.0,0 315.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(157.5 19)">PEQ6</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(157.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(142.0 -5)"/>
+ </g>
+ </svg>
- <!-- <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"/>
@@ -65,7 +78,7 @@ text.brand {
</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"/>
@@ -95,7 +108,7 @@ text.brand {
</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)">
@@ -111,7 +124,7 @@ text.brand {
</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"/>
@@ -181,7 +194,7 @@ text.brand {
<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>
@@ -293,7 +306,7 @@ text.brand {
<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>
@@ -405,7 +418,7 @@ text.brand {
<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>
@@ -517,7 +530,7 @@ text.brand {
<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>
@@ -629,7 +642,7 @@ text.brand {
<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>
@@ -741,7 +754,7 @@ text.brand {
<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>
diff --git a/res-pp/PEQ6XF-pp.svg b/res-pp/PEQ6XF-pp.svg
@@ -13,20 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">PEQ6XF</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">PEQ6XF</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 24)">
<g transform="translate(14.5 8)"><svg id="DAMP_PARAM">
diff --git a/res-pp/Pan-pp.svg b/res-pp/Pan-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -33,23 +46,23 @@ text.brand {
</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">PAN</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">PAN</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 15)">
<g transform="translate(9.5 9.5)"><svg id="PAN1_PARAM">
@@ -59,7 +72,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-panner-pan" transform="translate(0 0)" href="#dial-panner-pan"/>
<g transform="translate(5.5 44)">
<rect width="34" height="73" rx="5" fill="#fafafa"/>
<g transform="translate(5 3)"><svg id="CV1_INPUT">
@@ -87,7 +100,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-panner-pan" transform="translate(0 0)" href="#dial-panner-pan"/>
<g transform="translate(5.5 44)">
<rect width="34" height="73" rx="5" fill="#fafafa"/>
<g transform="translate(5 3)"><svg id="CV2_INPUT">
diff --git a/res-pp/Pgmr-pp.svg b/res-pp/Pgmr-pp.svg
@@ -13,24 +13,40 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <!-- <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)" /> -->
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="225.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">PGMR</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/>
+ </g>
+ </svg>
+
+
+
+
<g transform="translate(5.5 56)">
<rect width="34" height="155" rx="5" fill="#bbb" transform="translate(0 -10)"/>
@@ -109,7 +125,7 @@ text.brand {
</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)">
@@ -297,7 +313,7 @@ text.brand {
</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)">
@@ -485,7 +501,7 @@ text.brand {
</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)">
@@ -673,7 +689,7 @@ text.brand {
</g>
<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)">
@@ -859,5 +875,5 @@ text.brand {
</g>
</g>Z
</g>
- <!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 315)" /> -->
+
</svg>
diff --git a/res-pp/PgmrX-pp.svg b/res-pp/PgmrX-pp.svg
@@ -13,23 +13,39 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="180.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 179.0,1 179.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 180.0,0 180.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(90.0 19)">PGMRX</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(90.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(74.5 -5)"/>
+ </g>
+ </svg>
<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)">
@@ -217,7 +233,7 @@ text.brand {
</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)">
@@ -405,7 +421,7 @@ text.brand {
</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)">
@@ -593,7 +609,7 @@ text.brand {
</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(17.5 -1)">+4</text>
<g transform="translate(9.5 10.5)"><svg id="CVA4_PARAM">
<g transform="translate(13 13)">
diff --git a/res-pp/PolyCon16-pp.svg b/res-pp/PolyCon16-pp.svg
@@ -13,24 +13,42 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="24" y="17" font-size="9pt" letter-spacing="2px">POLYCON16</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="120.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 119.0,1 119.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 120.0,0 120.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="2px" text-anchor="middle" transform="translate(60.0 19)">POLYCON16</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
- <!-- <polyline points="0,0 120,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(33.33 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(15.33 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(86.67 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(104.67 0)" /> -->
+
+
+
+
+
<g transform="translate(21.5 22)">
<g transform="translate(3.6 8)"><svg id="CHANNEL1_PARAM">
diff --git a/res-pp/PolyCon8-pp.svg b/res-pp/PolyCon8-pp.svg
@@ -13,26 +13,44 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="0.5px">POLYCON8</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">POLYCON8</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(40 0)" /> -->
+
+
<g transform="translate(0 18)">
- <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
+
<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"/>
@@ -57,7 +75,7 @@ text.brand {
</svg></g>
</g>
<g transform="translate(0 49.5)">
- <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
+
<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"/>
@@ -82,7 +100,7 @@ text.brand {
</svg></g>
</g>
<g transform="translate(0 81)">
- <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
+
<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"/>
@@ -107,7 +125,7 @@ text.brand {
</svg></g>
</g>
<g transform="translate(0 112.5)">
- <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
+
<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"/>
@@ -132,7 +150,7 @@ text.brand {
</svg></g>
</g>
<g transform="translate(0 144)">
- <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
+
<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"/>
@@ -157,7 +175,7 @@ text.brand {
</svg></g>
</g>
<g transform="translate(0 175.5)">
- <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
+
<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"/>
@@ -182,7 +200,7 @@ text.brand {
</svg></g>
</g>
<g transform="translate(0 207)">
- <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
+
<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"/>
@@ -207,7 +225,7 @@ text.brand {
</svg></g>
</g>
<g transform="translate(0 238.5)">
- <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
+
<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"/>
diff --git a/res-pp/PolyMult-pp.svg b/res-pp/PolyMult-pp.svg
@@ -13,22 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">POLYMULT</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(2.5 30)">
<text font-size="6pt" letter-spacing="1.5px" transform="translate(6.5 0)">CHAN</text>
diff --git a/res-pp/PolyOff16-pp.svg b/res-pp/PolyOff16-pp.svg
@@ -13,23 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="240.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 239.0,1 239.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 239.5,0.5 239.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 240.0,0 240.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(120.0 19)">POLYOFF16</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(120.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(104.5 -5)"/>
+ </g>
+ </svg>
<g transform="translate(5.5 24)">
<rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)"/>
@@ -816,8 +829,8 @@ text.brand {
<text font-size="6pt" letter-spacing="0.3px" transform="translate(175 308)">OFFSET</text>
<text font-size="6pt" letter-spacing="0.3px" transform="translate(208.5 308)">SCALE</text>
- <!-- <rect width="60" height="20" fill="#0f0" transform="translate(0 330)" /> -->
- <!-- <rect width="60" height="20" fill="#0f0" transform="translate(180 330)" /> -->
+
+
<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>
diff --git a/res-pp/PolyOff8-pp.svg b/res-pp/PolyOff8-pp.svg
@@ -13,26 +13,44 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="29" y="17" font-size="9pt" letter-spacing="3px">POLYOFF8</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="120.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 119.0,1 119.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 120.0,0 120.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="middle" transform="translate(60.0 19)">POLYOFF8</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(120 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(15 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(48.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(135 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(115 0)" /> -->
+
+
+
+
+
+
+
<g transform="translate(5.5 24)">
<rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)"/>
@@ -128,7 +146,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(-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)">
@@ -172,7 +190,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(-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)">
@@ -216,7 +234,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(-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)">
@@ -260,7 +278,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(-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)">
@@ -304,7 +322,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(-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)">
@@ -348,7 +366,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(-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)">
@@ -392,7 +410,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(-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)">
@@ -436,7 +454,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(-43)"/>
</g>
</svg></g>
- <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> -->
+
</g>
<text font-size="6pt" letter-spacing="0.3px" transform="translate(55 308)">OFFSET</text>
diff --git a/res-pp/Pressor-pp.svg b/res-pp/Pressor-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -20,7 +33,7 @@ text.brand {
<g transform="translate(35 35)">
<text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-2.5 2.5)">1</text>
<text font-size="6.0pt" transform="rotate(-193.72) translate(25 0) rotate(193.72) translate(-8 2.5)">1.1</text>
- <text font-size="6.0pt" transform="rotate(-149.70) translate(25 0) rotate(149.70) translate(-9 2.5)">1.3</text>
+ <text font-size="6.0pt" transform="rotate(-149.7) translate(25 0) rotate(149.7) translate(-9 2.5)">1.3</text>
<text font-size="6.0pt" transform="rotate(-108.93) translate(25 0) rotate(108.93) translate(-9 2.5)">1.6</text>
<text font-size="6.0pt" transform="rotate(-74.52) translate(25 0) rotate(74.52) translate(-2.3 2.5)">2</text>
<text font-size="6.0pt" transform="rotate(-47.12) translate(25 0) rotate(47.12) translate(-2.3 2.5)">2.5</text>
@@ -120,7 +133,7 @@ text.brand {
</symbol>
<symbol id="compression-pressor" 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)"/>
<rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)"/>
<rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 30)"/>
@@ -158,38 +171,28 @@ text.brand {
</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="60" height="20" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="60" height="20" fill="#0f0" transform="translate(165 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)" /> -->
-
- <!-- <rect width="12" height="100" fill="#00f3" transform="translate(85 20)" /> -->
- <!-- <rect width="12" height="100" fill="#00f3" transform="translate(174 20)" /> -->
-
- <!-- <rect width="225" height="3" fill="#0f03" transform="translate(0 20)" /> -->
- <!-- <rect width="225" height="30" fill="#f003" transform="translate(0 23)" /> -->
- <!-- <rect width="225" height="50" fill="#f003" transform="translate(0 91)" /> -->
- <!-- <rect width="225" height="50" fill="#f003" transform="translate(0 163)" /> -->
- <!-- <rect width="225" height="30" fill="#f003" transform="translate(0 239)" /> -->
-
- <text class="title" x="61" y="19" font-size="12pt" letter-spacing="4px">PRESSOR</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="225.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">PRESSOR</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/>
+ </g>
+ </svg>
<g transform="translate(13 53)">
- <!-- <polyline points="0,19 268,19" stroke="#0f0" stroke-width="1" fill="none" /> -->
- <!-- <polyline points="42,-20 42,250" stroke="#0f0" stroke-width="1" fill="none" /> -->
- <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 -1)" /> -->
- <!-- <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>
<g transform="translate(23 0)"><svg id="THRESHOLD_PARAM">
<g transform="translate(19 19)">
@@ -198,12 +201,12 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-threshold-pressor" transform="translate(7 -16)" href="#dial-threshold-pressor"/>
</g>
<g transform="translate(102 53)">
- <!-- <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>
<g transform="translate(23 0)"><svg id="RATIO_PARAM">
<g transform="translate(19 19)">
@@ -212,22 +215,22 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-ratio-pressor" transform="translate(7 -16)" href="#dial-ratio-pressor"/>
</g>
<g transform="translate(207 35)">
<text font-size="6pt" letter-spacing="2px" transform="translate(-15 75) rotate(270)">COMPRESSION</text>
- <use id="COMPRESSION_WIDGET" xlink:href="#compression-pressor" transform="translate(0 -1)"/>
- <use xlink:href="#guide-compression-pressor" transform="translate(-13 -11)"/>
+ <use id="COMPRESSION_WIDGET" xlink:href="#compression-pressor" transform="translate(0 -1)" href="#compression-pressor"/>
+ <use xlink:href="#guide-compression-pressor" transform="translate(-13 -11)" href="#guide-compression-pressor"/>
</g>
<g transform="translate(10 141)">
<g transform="translate(13 0)">
- <!-- <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)" /> -->
- <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 -7)" /> -->
- <!-- <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>
<g transform="translate(19 0)"><svg id="ATTACK_PARAM">
<g transform="translate(13 13)">
@@ -237,10 +240,10 @@ text.brand {
</g>
</svg></g>
</g>
- <use xlink:href="#dial-attack-pressor" transform="translate(21.5 -9.5)"/>
+ <use xlink:href="#dial-attack-pressor" transform="translate(21.5 -9.5)" href="#dial-attack-pressor"/>
<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>
<g transform="translate(19 0)"><svg id="RELEASE_PARAM">
<g transform="translate(13 13)">
@@ -250,16 +253,16 @@ text.brand {
</g>
</svg></g>
</g>
- <use xlink:href="#dial-release-pressor" transform="translate(111.5 -9.5)"/>
+ <use xlink:href="#dial-release-pressor" transform="translate(111.5 -9.5)" href="#dial-release-pressor"/>
</g>
<g transform="translate(10 213)">
<g transform="translate(-1 0)">
- <!-- <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)" /> -->
- <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 -7)" /> -->
- <!-- <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>
<g transform="translate(19 0)"><svg id="INPUT_GAIN_PARAM">
<g transform="translate(13 13)">
@@ -269,10 +272,10 @@ text.brand {
</g>
</svg></g>
</g>
- <use xlink:href="#dial-inputgain-pressor" transform="translate(8.5 -9.5)"/>
+ <use xlink:href="#dial-inputgain-pressor" transform="translate(8.5 -9.5)" href="#dial-inputgain-pressor"/>
<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>
<g transform="translate(19 0)"><svg id="OUTPUT_GAIN_PARAM">
<g transform="translate(13 13)">
@@ -282,10 +285,10 @@ text.brand {
</g>
</svg></g>
</g>
- <use xlink:href="#dial-outputgain-pressor" transform="translate(69.5 -9.5)"/>
+ <use xlink:href="#dial-outputgain-pressor" transform="translate(69.5 -9.5)" href="#dial-outputgain-pressor"/>
<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>
<g transform="translate(19 0)"><svg id="DETECTOR_MIX_PARAM">
<g transform="translate(13 13)">
@@ -295,12 +298,12 @@ text.brand {
</g>
</svg></g>
</g>
- <use xlink:href="#dial-detectormix-pressor" transform="translate(130.5 -9.5)"/>
+ <use xlink:href="#dial-detectormix-pressor" transform="translate(130.5 -9.5)" href="#dial-detectormix-pressor"/>
</g>
<g transform="translate(199 128)">
<g transform="translate(0 0)">
- <!-- <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>
<g transform="translate(0 2)"><svg id="MODE_PARAM">
@@ -310,7 +313,7 @@ text.brand {
<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>
<g transform="translate(0 2)"><svg id="DECTECTOR_MODE_PARAM">
@@ -320,7 +323,7 @@ text.brand {
<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>
<g transform="translate(0 2)"><svg id="KNEE_PARAM">
diff --git a/res-pp/Pulse-pp.svg b/res-pp/Pulse-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -75,23 +88,28 @@ text.brand {
</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">PULSE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">PULSE</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
+
<g transform="translate(0 25)">
- <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> -->
+
<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"/>
@@ -99,7 +117,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-frequency-pulse" transform="translate(0 -7.5)" href="#dial-frequency-pulse"/>
</g>
<g transform="translate(0 63)">
@@ -112,7 +130,7 @@ text.brand {
</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>
<g transform="translate(9.5 9.5)"><svg id="PW_PARAM">
<g transform="translate(13 13)">
@@ -121,11 +139,11 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-pw-pulse" transform="translate(0 0)" href="#dial-pw-pulse"/>
</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>
<g transform="translate(14.5 9.5)"><svg id="PWM_PARAM">
<g transform="translate(8 8)">
@@ -148,7 +166,7 @@ text.brand {
</g>
<g transform="translate(0 182)">
- <!-- <rect width="45" height="10" fill="#f0f" transform="translate(0 -10)" /> -->
+
<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)"/>
diff --git a/res-pp/Reftone-pp.svg b/res-pp/Reftone-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -93,15 +106,15 @@ text.brand {
<symbol id="dial-fine-reftone" viewBox="0 0 45px 45px">
<g transform="translate(22.5 22.5)">
<g transform="rotate(-240) translate(15 0)">
- <!-- <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" /> -->
+
<text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-1.5 2.2)">-</text>
</g>
<g transform="rotate(-90) translate(15 0)">
- <!-- <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" /> -->
+
<text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-1.9 2.2)">0</text>
</g>
<g transform="rotate(60) translate(15 0)">
- <!-- <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" /> -->
+
<text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-1.9 2.2)">+</text>
</g>
<path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
@@ -112,27 +125,26 @@ text.brand {
</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="8" fill="#0f0" transform="translate(0 66)" /> -->
- <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 120)" /> -->
- <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 174)" /> -->
- <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 227)" /> -->
-
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">REFTONE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">REFTONE</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 18)">
- <use id="DISPLAY_WIDGET" xlink:href="#display-reftone"/>
+ <use id="DISPLAY_WIDGET" xlink:href="#display-reftone" href="#display-reftone"/>
<g transform="translate(0 62)">
<g transform="translate(0 0)">
@@ -170,9 +182,9 @@ text.brand {
</g>
</g>
- <use xlink:href="#dial-pitch-reftone" transform="translate(0 80)"/>
- <use xlink:href="#dial-octave-reftone" transform="translate(0 134)"/>
- <use xlink:href="#dial-fine-reftone" transform="translate(0 188)"/>
+ <use xlink:href="#dial-pitch-reftone" transform="translate(0 80)" href="#dial-pitch-reftone"/>
+ <use xlink:href="#dial-octave-reftone" transform="translate(0 134)" href="#dial-octave-reftone"/>
+ <use xlink:href="#dial-fine-reftone" transform="translate(0 188)" href="#dial-fine-reftone"/>
<g transform="translate(0 235)">
<g transform="translate(0 0)">
diff --git a/res-pp/SampleHold-pp.svg b/res-pp/SampleHold-pp.svg
@@ -13,24 +13,42 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">S&H</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">S&H</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 18)">
- <!-- <text font-size="6pt" letterspacing="2px" transform="translate(5.5 0)">1</text> -->
- <!-- <polyline points="0,0 21,0" stroke-width="1" stroke="#333" transform="translate(14 -3)" /> -->
+
+
<g transform="translate(0 5)">
<g transform="translate(5.5 0)">
<rect width="34" height="10" fill="#fafafa" transform="translate(0 58)"/>
@@ -94,10 +112,10 @@ text.brand {
</g>
</g>
</g>
- <!-- <rect width="90" height="13" fill="#0f0" transform="translate(0 172)" /> -->
+
<g transform="translate(0 181)">
- <!-- <text font-size="6pt" letterspacing="2px" transform="translate(4.4 0)">2</text> -->
+
<g transform="translate(0 5)">
<g transform="translate(5.5 0)">
<rect width="34" height="10" fill="#fafafa" transform="translate(0 58)"/>
@@ -161,5 +179,5 @@ text.brand {
</g>
</g>
</g>
- <!-- <rect width="90" height="13" fill="#0f0" transform="translate(0 335)" /> -->
+
</svg>
diff --git a/res-pp/Shaper-pp.svg b/res-pp/Shaper-pp.svg
@@ -13,18 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="150.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">SHAPER</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
+ </g>
+ </svg>
<g transform="translate(9 33)">
<g transform="translate(0 0)">
diff --git a/res-pp/ShaperPlus-pp.svg b/res-pp/ShaperPlus-pp.svg
@@ -13,18 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="62.5" y="19" font-size="12pt" letter-spacing="4px">SHAPER+</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="225.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">SHAPER+</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/>
+ </g>
+ </svg>
<g transform="translate(149 26)">
<rect width="30" height="322" rx="5" fill="#fafafa"/>
diff --git a/res-pp/Sine-pp.svg b/res-pp/Sine-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -37,23 +50,28 @@ text.brand {
</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">SINE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">SINE</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
+
<g transform="translate(0 25)">
- <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> -->
+
<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"/>
@@ -61,7 +79,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-frequency-sine" transform="translate(0 -7.5)" href="#dial-frequency-sine"/>
</g>
<g transform="translate(0 63)">
@@ -74,7 +92,7 @@ text.brand {
</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>
<g transform="translate(14.5 9.5)"><svg id="FM_DEPTH_PARAM">
<g transform="translate(8 8)">
@@ -97,7 +115,7 @@ text.brand {
</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>
<g transform="translate(14.5 9.5)"><svg id="PHASE_PARAM">
<g transform="translate(8 8)">
@@ -120,7 +138,7 @@ text.brand {
</g>
<g transform="translate(0 158)">
- <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -8)" /> -->
+
<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"/>
diff --git a/res-pp/SixHP-pp.svg b/res-pp/SixHP-pp.svg
@@ -13,16 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="20" y="17" font-size="9pt" letter-spacing="3px">6HP6HP</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="90.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 89.0,1 89.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">6HP6HP</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/SixteenHP-pp.svg b/res-pp/SixteenHP-pp.svg
@@ -13,21 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="62" y="19" font-size="12pt" letter-spacing="4px">16HP-16HP</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="240.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 239.0,1 239.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 239.5,0.5 239.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 240.0,0 240.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(120.0 19)">16HP-16HP</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(120.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(104.5 -5)"/>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/Slew-pp.svg b/res-pp/Slew-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -61,20 +74,23 @@ text.brand {
</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,300" 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="2.5px">SLEW</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">SLEW</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(11 0)">RISE</text>
@@ -85,7 +101,7 @@ text.brand {
<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 xlink:href="#dial-time-slew" transform="translate(0 -1)" href="#dial-time-slew"/>
<g transform="translate(14.5 51)"><svg id="RISE_SHAPE_PARAM">
<g transform="translate(8 8)">
<polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
@@ -93,7 +109,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-rise-shape-slew" transform="translate(2.5 39)" href="#dial-rise-shape-slew"/>
<g transform="translate(7.5 77)">
<rect width="30" height="30" rx="5" fill="#fafafa"/>
<g transform="translate(3 3)"><svg id="RISE_INPUT">
@@ -102,7 +118,7 @@ text.brand {
<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>
@@ -115,7 +131,7 @@ text.brand {
<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 xlink:href="#dial-time-slew" transform="translate(0 -1)" href="#dial-time-slew"/>
<g transform="translate(14.5 51)"><svg id="FALL_SHAPE_PARAM">
<g transform="translate(8 8)">
<polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
@@ -123,7 +139,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-fall-shape-slew" transform="translate(2.5 39)" href="#dial-fall-shape-slew"/>
<g transform="translate(7.5 77)">
<rect width="30" height="30" rx="5" fill="#fafafa"/>
<g transform="translate(3 3)"><svg id="FALL_INPUT">
@@ -132,7 +148,7 @@ text.brand {
<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>
diff --git a/res-pp/Stack-pp.svg b/res-pp/Stack-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -86,15 +99,15 @@ text.brand {
<symbol id="dial-fine-stack" viewBox="0 0 45px 45px">
<g transform="translate(22.5 22.5)">
<g transform="rotate(-240) translate(10 0)">
- <!-- <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" /> -->
+
<text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-1.5 2.2)">-</text>
</g>
<g transform="rotate(-90) translate(10 0)">
- <!-- <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" /> -->
+
<text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-1.9 2.2)">0</text>
</g>
<g transform="rotate(60) translate(10 0)">
- <!-- <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" /> -->
+
<text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-1.9 2.2)">+</text>
</g>
<path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
@@ -105,24 +118,23 @@ text.brand {
</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="8" fill="#0f0" transform="translate(0 63)" /> -->
- <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 103)" /> -->
- <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 146)" /> -->
- <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 204)" /> -->
-
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">STACK</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">STACK</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2px" transform="translate(6.4 0)">SEMIS</text>
@@ -133,7 +145,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-interval-stack" transform="translate(0 -2)" href="#dial-interval-stack"/>
</g>
<g transform="translate(0 77)">
@@ -145,7 +157,7 @@ text.brand {
<circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
</g>
</svg></g>
- <use xlink:href="#dial-octave-stack" transform="translate(0 -5)"/>
+ <use xlink:href="#dial-octave-stack" transform="translate(0 -5)" href="#dial-octave-stack"/>
</g>
<g transform="translate(0 117)">
@@ -157,7 +169,7 @@ text.brand {
<circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
</g>
</svg></g>
- <use xlink:href="#dial-fine-stack" transform="translate(0 -5)"/>
+ <use xlink:href="#dial-fine-stack" transform="translate(0 -5)" href="#dial-fine-stack"/>
</g>
<g transform="translate(5.5 154)">
diff --git a/res-pp/Sums-pp.svg b/res-pp/Sums-pp.svg
@@ -13,20 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">SUMS</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">SUMS</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(7.5 18)">
<rect width="34" height="63.5" rx="5" fill="#fafafa" transform="translate(-2 0)"/>
diff --git a/res-pp/Switch-pp.svg b/res-pp/Switch-pp.svg
@@ -13,25 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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="7" fill="#0f0" transform="translate(0 80)" /> -->
- <!-- <rect width="45" height="7" fill="#0f0" transform="translate(0 199)" /> -->
- <!-- <rect width="45" height="7" fill="#0f0" transform="translate(0 318)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">SWTCH</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">SWTCH</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 18)">
<g transform="translate(5.5 0)">
diff --git a/res-pp/Switch1616-pp.svg b/res-pp/Switch1616-pp.svg
@@ -13,25 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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"/>
- <polyline points="0,0 330,0 330,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
-
- <!-- <rect width="95" height="20" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="95" 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)" /> -->
- <!-- <rect width="330" height="330" fill="#0f0" transform="translate(0 25)" /> -->
- <!-- <rect width="195" height="195" fill="#00f" transform="translate(135 25)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="98.5" y="19" font-size="12pt" letter-spacing="4px">SWITCH1616</text>
- <g transform="translate(125 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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="330.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 329.0,1 329.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 330.0,0 330.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(165.0 19)">SWITCH1616</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(165.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(149.5 -5)"/>
+ </g>
+ </svg>
<rect width="56" height="302" rx="5" fill="#fafafa" transform="translate(5.5 9)"/>
<rect width="302" height="56" rx="5" fill="#bbb" transform="translate(22.5 302)"/>
@@ -170,14 +181,14 @@ text.brand {
<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>
- <!-- <polyline points="16,34 40,52" stroke="#ff0" stroke-width="1" fill="none" transform="translate(0 0)" /> -->
- <!-- <polyline points="16,34 16,70" stroke="#ff0" stroke-width="1" fill="none" transform="translate(0 0)" /> -->
- <!-- <polyline points="16,70 40,52" stroke="#ff0" stroke-width="1" fill="none" transform="translate(0 0)" /> -->
- <!-- <rect width="20" height="4" fill="#f00" transform="translate(30 0)" /> -->
- <!-- <rect width="20" height="4" fill="#f00" transform="translate(56 0) rotate(90)" /> -->
- <!-- <rect width="20" height="4" fill="#f00" transform="translate(4 20) rotate(90)" /> -->
- <!-- <rect width="20" height="4" fill="#f00" transform="translate(10 298)" /> -->
- <!-- <rect width="20" height="4" fill="#f00" transform="translate(20 289)" /> -->
+
+
+
+
+
+
+
+
</g>
<g transform="translate(22.5 302)">
@@ -313,8 +324,8 @@ text.brand {
</g>
<g transform="translate(62 32)">
- <!-- <rect width="260" height="260" fill="#f0f" transform="translate(0 0)" /> -->
- <!-- <rect width="240" height="240" fill="#0ff" transform="translate(20 0)" /> -->
+
+
<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)">
@@ -1612,39 +1623,39 @@ text.brand {
</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)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(37.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(52.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(67.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(82.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(97.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(112.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(127.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(142.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(157.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(172.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(187.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(202.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(217.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(232.5 0)" /> -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 7.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 22.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 37.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 52.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 67.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 82.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 97.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 112.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 127.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 142.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 157.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 172.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 187.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 202.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 217.5)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 232.5)" /> -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
<text font-size="6pt" letter-spacing="1px" transform="translate(10.5 10.5)">1</text>
<polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 7.5)"/>
diff --git a/res-pp/Switch44-pp.svg b/res-pp/Switch44-pp.svg
@@ -13,25 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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="150" height="24" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 22)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 78)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 134)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 190)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 245)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="19" y="19" font-size="12pt" letter-spacing="4px">SWITCH44</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="150.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">SWITCH44</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
+ </g>
+ </svg>
<g transform="translate(13.5 42.5)">
<text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text>
@@ -247,8 +258,8 @@ text.brand {
</g>
</g>
- <!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(27 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(59 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(91 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(123 0)" /> -->
+
+
+
+
</svg>
diff --git a/res-pp/Switch88-pp.svg b/res-pp/Switch88-pp.svg
@@ -13,22 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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"/>
- <polyline points="0,0 330,0 330,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(220 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 0)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="109" y="19" font-size="12pt" letter-spacing="4px">SWITCH88</text>
- <g transform="translate(125 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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="330.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 329.0,1 329.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 330.0,0 330.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(165.0 19)">SWITCH88</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(165.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(149.5 -5)"/>
+ </g>
+ </svg>
<g transform="translate(5.5 25)">
<rect width="34" height="293" rx="5" fill="#fafafa" transform="translate(0 0)"/>
@@ -591,28 +605,28 @@ text.brand {
</g>
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
+
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(63.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(98.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(133.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(168.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(203.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(238.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(273.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(308.5 0)" /> -->
+
+
+
+
+
+
+
+
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 42)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 79)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 116)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 153)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 190)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 227)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 264)" /> -->
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 301)" /> -->
+
+
+
+
+
+
+
+
- <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 340)" /> -->
+
- <!-- <rect width="330" height="11" fill="#0f0" transform="translate(0 274)" /> -->
- <!-- <rect width="8" height="380" fill="#0f0" transform="translate(77 0)" /> -->
+
+
</svg>
diff --git a/res-pp/TenHP-pp.svg b/res-pp/TenHP-pp.svg
@@ -13,16 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="22" y="19" font-size="12pt" letter-spacing="4px">10HP10HP</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="150.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">10HP10HP</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/Test-pp.svg b/res-pp/Test-pp.svg
@@ -13,28 +13,41 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">test</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<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"/>
@@ -94,7 +107,7 @@ text.brand {
</g>
<g transform="translate(0 95)">
- <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P2</text> -->
+
<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"/>
@@ -154,7 +167,7 @@ text.brand {
</g>
<g transform="translate(0 180)">
- <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P3</text> -->
+
<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"/>
diff --git a/res-pp/Test2-pp.svg b/res-pp/Test2-pp.svg
@@ -13,18 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="90.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 89.0,1 89.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(83.0 17)">TEST2</text>
+ <g transform="translate(5.5 374)">
+ <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
+ <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
+ </g>
+ </svg>
<g transform="translate(0 30)">
<text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1A</text>
diff --git a/res-pp/TestExpanderBase-pp.svg b/res-pp/TestExpanderBase-pp.svg
@@ -13,20 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">TEB</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">TEB</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 245)">
<g transform="translate(10 0.5)"><svg id="COM_LIGHT">
diff --git a/res-pp/TestExpanderExtension-pp.svg b/res-pp/TestExpanderExtension-pp.svg
@@ -13,20 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">TEE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">TEE</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 280)">
<g transform="translate(10 0.5)"><svg id="COM_LIGHT">
diff --git a/res-pp/TestVCF-pp.svg b/res-pp/TestVCF-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -49,19 +62,24 @@ text.brand {
</symbol>
</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"/>
- <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
-
- <text class="title" x="70" y="19" font-size="12pt" letter-spacing="4px">VCF</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="180.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 179.0,1 179.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 180.0,0 180.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(90.0 19)">VCF</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(90.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(74.5 -5)"/>
+ </g>
+ </svg>
<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>
<g transform="translate(20 0)"><svg id="CUTOFF_PARAM">
<g transform="translate(19 19)">
@@ -70,11 +88,11 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-cutoff-testvcf" transform="translate(14 -6)" href="#dial-cutoff-testvcf"/>
</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>
<g transform="translate(20 0)"><svg id="Q_PARAM">
<g transform="translate(19 19)">
@@ -83,11 +101,11 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-resonance-testvcf" transform="translate(14 -6)" href="#dial-resonance-testvcf"/>
</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>
<g transform="translate(20 0)"><svg id="DRIVE_PARAM">
<g transform="translate(19 19)">
@@ -96,11 +114,11 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-resonance-testvcf" transform="translate(14 -6)" href="#dial-resonance-testvcf"/>
</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>
<g transform="translate(20 0)"><svg id="TOPOLOGY_PARAM">
<g transform="translate(19 19)">
@@ -109,11 +127,11 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-resonance-testvcf" transform="translate(14 -6)" href="#dial-resonance-testvcf"/>
</g>
<g transform="translate(110 48)">
- <!-- <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 40) rotate(270)">MODE</text>
<g transform="translate(20 0)">
<g transform="translate(0 10)">
@@ -149,7 +167,7 @@ text.brand {
</g>
<g transform="translate(110 117)">
- <!-- <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 40) rotate(270)">POLES</text>
<g transform="translate(20 0)">
<g transform="translate(0 10)">
diff --git a/res-pp/ThirteenHP-pp.svg b/res-pp/ThirteenHP-pp.svg
@@ -13,16 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <rect width="100%" height="100%" fill="#ddd"/>
- <polyline points="1,1 194,1 194,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
- <polyline points="0.5,0.5 194.5,0.5 194.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
- <polyline points="0,0 195,0 195,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="39" y="19" font-size="12pt" letter-spacing="4px">13HP-13HP</text>
- <g transform="translate(58 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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="195.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 194.0,1 194.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 194.5,0.5 194.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 195.0,0 195.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(97.5 19)">13HP-13HP</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(97.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(82.0 -5)"/>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/ThirtyHP-pp.svg b/res-pp/ThirtyHP-pp.svg
@@ -13,16 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <rect width="100%" height="100%" fill="#ddd"/>
- <polyline points="1,1 449,1 449,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
- <polyline points="0.5,0.5 449.5,0.5 449.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
- <polyline points="0,0 450,0 450,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="47" y="19" font-size="12pt" letter-spacing="4px">THIRTY(30) HP - THIRTY(30) HP</text>
- <g transform="translate(185 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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="450.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 449.0,1 449.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 449.5,0.5 449.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 450.0,0 450.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(225.0 19)">THIRTY(30) HP - THIRTY(30) HP</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(225.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(209.5 -5)"/>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/ThreeHP-pp.svg b/res-pp/ThreeHP-pp.svg
@@ -13,18 +13,36 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">3HP</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">3HP</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/TwelveHP-pp.svg b/res-pp/TwelveHP-pp.svg
@@ -13,16 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="32" y="19" font-size="12pt" letter-spacing="4px">12HP-12HP</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="180.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 179.0,1 179.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 180.0,0 180.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(90.0 19)">12HP-12HP</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(90.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(74.5 -5)"/>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/TwentyFiveHP-pp.svg b/res-pp/TwentyFiveHP-pp.svg
@@ -13,16 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <rect width="100%" height="100%" fill="#ddd"/>
- <polyline points="1,1 374,1 374,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
- <polyline points="0.5,0.5 374.5,0.5 374.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
- <polyline points="0,0 375,0 375,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="58" y="19" font-size="12pt" letter-spacing="4px">25HP-25HP-25HP-25HP</text>
- <g transform="translate(148 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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="375.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 374.0,1 374.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 374.5,0.5 374.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 375.0,0 375.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(187.5 19)">25HP-25HP-25HP-25HP</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(187.5 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(172.0 -5)"/>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/TwentyHP-pp.svg b/res-pp/TwentyHP-pp.svg
@@ -13,16 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="55" y="19" font-size="12pt" letter-spacing="4px">20HP-20HP-20HP</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="300.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 299.0,1 299.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 300.0,0 300.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(150.0 19)">20HP-20HP-20HP</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(150.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(134.5 -5)"/>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/TwentyTwoHP-pp.svg b/res-pp/TwentyTwoHP-pp.svg
@@ -13,16 +13,34 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
- <polyline points="0,0 330,0 330,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <text class="title" x="70" y="19" font-size="12pt" letter-spacing="4px">22HP-22HP-22HP</text>
- <g transform="translate(125 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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="330.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 329.0,1 329.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 330.0,0 330.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(165.0 19)">22HP-22HP-22HP</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(165.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(149.5 -5)"/>
+ </g>
+ </svg>
</svg>
diff --git a/res-pp/UMix-pp.svg b/res-pp/UMix-pp.svg
@@ -13,22 +13,40 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">UMIX</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">UMIX</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
- <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
+
<g transform="translate(0 18)">
<g transform="translate(5.5 0)">
diff --git a/res-pp/Unison-pp.svg b/res-pp/Unison-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -33,18 +46,23 @@ text.brand {
</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">UNISON</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">UNISON</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text>
@@ -90,7 +108,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-detune-unison" transform="translate(0 -1)" href="#dial-detune-unison"/>
<g transform="translate(5.5 44)">
<rect width="34" height="39" rx="5" fill="#fafafa"/>
<g transform="translate(5 3)"><svg id="DETUNE_INPUT">
diff --git a/res-pp/VCA-pp.svg b/res-pp/VCA-pp.svg
@@ -13,27 +13,40 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">VCA</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">VCA</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
- <!-- <rect width="45" height="18" fill="#0f0" transform="translate(0 0)" /> -->
+
<g transform="translate(0 19)">
<g transform="translate(9.5 3.5)"><svg id="LEVEL1_PARAM">
@@ -157,6 +170,6 @@ text.brand {
</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)" /> -->
+
+
</svg>
diff --git a/res-pp/VCAmp-pp.svg b/res-pp/VCAmp-pp.svg
@@ -13,25 +13,38 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
-
- <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)" /> -->
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">VCAMP</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 18)">
<g transform="translate(0 0)"><svg>
diff --git a/res-pp/VCF-pp.svg b/res-pp/VCF-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -132,20 +145,25 @@ text.brand {
</symbol>
</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"/>
- <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
-
- <text class="title" x="54.5" y="19" font-size="12pt" letter-spacing="4px">VCF</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="150.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">VCF</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
+ </g>
+ </svg>
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(75 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(7 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(143 0)" /> -->
+
+
+
<g transform="translate(21 25)">
<g transform="translate(20 20)"><svg id="FREQUENCY_PARAM">
@@ -155,7 +173,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-frequency-vcf" transform="translate(-21 0)" href="#dial-frequency-vcf"/>
</g>
<g transform="translate(25 126)">
@@ -211,12 +229,12 @@ text.brand {
<circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
</g>
</svg></g>
- <use xlink:href="#dial-mode-vcf" transform="translate(-9 -11)"/>
+ <use xlink:href="#dial-mode-vcf" transform="translate(-9 -11)" href="#dial-mode-vcf"/>
</g>
<g transform="translate(2 220)">
- <!-- <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>
<g transform="translate(24.5 0)"><svg id="Q_PARAM">
<g transform="translate(19 19)">
@@ -225,12 +243,12 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-linear-vcf" transform="translate(18.5 -6)" href="#dial-linear-vcf"/>
</g>
<g transform="translate(73 220)">
- <!-- <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>
<g transform="translate(24.5 0)"><svg id="SLOPE_PARAM">
<g transform="translate(19 19)">
@@ -239,7 +257,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-slope-vcf" transform="translate(18.5 -11)" href="#dial-slope-vcf"/>
</g>
<g transform="translate(0 269)">
diff --git a/res-pp/VCM-pp.svg b/res-pp/VCM-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -33,24 +46,21 @@ text.brand {
</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)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(8.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(46.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(75 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(103.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(141.5 0)" /> -->
-
- <text class="title" x="52" y="19" font-size="12pt" letter-spacing="4px">VCM</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="150.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">VCM</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
+ </g>
+ </svg>
<g transform="translate(0 32)">
<g transform="translate(10 1)">
@@ -74,7 +84,7 @@ text.brand {
<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)" /> -->
+
<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"/>
@@ -82,7 +92,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-level-vcm" transform="translate(78.5 -7.5)" href="#dial-level-vcm"/>
<text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH1</text>
</g>
@@ -108,7 +118,7 @@ text.brand {
<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)" /> -->
+
<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"/>
@@ -116,7 +126,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-level-vcm" transform="translate(78.5 -7.5)" href="#dial-level-vcm"/>
<text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH2</text>
</g>
@@ -142,7 +152,7 @@ text.brand {
<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)" /> -->
+
<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"/>
@@ -150,7 +160,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-level-vcm" transform="translate(78.5 -7.5)" href="#dial-level-vcm"/>
<text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH3</text>
</g>
@@ -176,7 +186,7 @@ text.brand {
<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)" /> -->
+
<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"/>
@@ -184,7 +194,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-level-vcm" transform="translate(78.5 -7.5)" href="#dial-level-vcm"/>
<text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH4</text>
</g>
@@ -197,7 +207,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-level-vcm" transform="translate(11.5 -7.5)" href="#dial-level-vcm"/>
<g transform="translate(77 0)">
<rect width="63" height="43" rx="5" fill="#bbb"/>
<rect width="31.5" height="43" rx="5" fill="#fafafa"/>
@@ -232,9 +242,9 @@ text.brand {
</g>
</g>
- <!-- <rect width="150" height="20" fill="#0f0" transform="translate(0 77)" /> -->
- <!-- <rect width="150" height="20" fill="#0f0" transform="translate(0 142)" /> -->
- <!-- <rect width="150" height="20" fill="#0f0" transform="translate(0 207)" /> -->
- <!-- <rect width="150" height="20" fill="#0f0" transform="translate(0 274)" /> -->
- <!-- <rect width="150" height="20" fill="#0f0" transform="translate(0 342)" /> -->
+
+
+
+
+
</svg>
diff --git a/res-pp/VCO-pp.svg b/res-pp/VCO-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -33,24 +46,26 @@ text.brand {
</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="150.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">VCO</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
+ </g>
+ </svg>
<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"/>
@@ -142,13 +157,13 @@ text.brand {
<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)">
@@ -157,7 +172,7 @@ text.brand {
<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)">
@@ -191,10 +206,10 @@ text.brand {
</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)">
@@ -242,12 +257,12 @@ text.brand {
</g>
</svg></g>
- <!-- <rect width="100" height="7" fill="#0f0" transform="translate(10 218)" /> -->
+
<g transform="translate(44 230)">
- <!-- <rect width="83" height="7" fill="#0f0" transform="translate(0 0)" /> -->
+
<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>
<g transform="translate(18 0)"><svg id="FM_PARAM">
<g transform="translate(13 13)">
@@ -257,7 +272,7 @@ text.brand {
</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>
<g transform="translate(0 2)"><svg id="FM_TYPE_PARAM">
@@ -267,13 +282,13 @@ text.brand {
<text font-size="5pt" letter-spacing="2px" transform="translate(0 34)">LIN</text>
</g>
</g>
- <use xlink:href="#dial-fm-vco" transform="translate(52.5 220.5)"/>
+ <use xlink:href="#dial-fm-vco" transform="translate(52.5 220.5)" href="#dial-fm-vco"/>
- <!-- <rect width="150" height="7" fill="#0f0" transform="translate(10 262)" /> -->
+
<g transform="translate(0 269)">
<rect width="130" height="91" rx="5" fill="#bbb" transform="translate(10 0)"/>
- <!-- <rect width="97" height="91" rx="5" fill="#fafafa" transform="translate(10 0)" /> -->
+
<rect width="65" height="91" rx="5" fill="#fafafa" transform="translate(10 0)"/>
<rect width="10" height="8" fill="#fafafa" transform="translate(65 0)"/>
<rect width="10" height="8" fill="#fafafa" transform="translate(65 83)"/>
@@ -303,9 +318,9 @@ text.brand {
<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" /> -->
+
<polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
</g>
</g>
@@ -316,9 +331,9 @@ text.brand {
<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" /> -->
+
<polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/>
</g>
</g>
@@ -349,9 +364,9 @@ text.brand {
<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" /> -->
+
<polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
</g>
</g>
@@ -362,9 +377,9 @@ text.brand {
<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" /> -->
+
<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>
diff --git a/res-pp/VU-pp.svg b/res-pp/VU-pp.svg
@@ -13,11 +13,24 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
<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)"/>
<rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 0)"/>
<rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)"/>
@@ -66,9 +79,9 @@ text.brand {
<text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text>
</g>
<g transform="translate(0 120)">
- <!-- <polyline points="0,0 5,0" stroke="#333" fill="none" transform="translate(11 0)" /> -->
- <!-- <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-36</text> -->
- <!-- <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-10 2.2)">- dB -</text> -->
+
+
+
</g>
<g transform="translate(0 150)">
<polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
@@ -80,27 +93,27 @@ text.brand {
</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">VU</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">VU</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 18)">
- <use id="VU_WIDGET" xlink:href="#vu-vu" transform="translate(13.5 -1)"/>
- <use xlink:href="#guide-db-vu" transform="translate(0 -1)"/>
+ <use id="VU_WIDGET" xlink:href="#vu-vu" transform="translate(13.5 -1)" href="#vu-vu"/>
+ <use xlink:href="#guide-db-vu" transform="translate(0 -1)" href="#guide-db-vu"/>
</g>
<g transform="translate(0 200)">
diff --git a/res-pp/Walk-pp.svg b/res-pp/Walk-pp.svg
@@ -13,22 +13,40 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
-</style>
- <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"/>
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
+</style>
- <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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">WALK</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
- <!-- <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>
diff --git a/res-pp/Walk2-pp.svg b/res-pp/Walk2-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -21,33 +34,34 @@ text.brand {
</symbol>
</defs>
- <rect width="100%" height="100%" fill="#ddd"/>
- <polyline points="1,1 209,1 209,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
- <polyline points="0.5,0.5 209.5,0.5 209.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
- <polyline points="0,0 210,0 210,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
-
- <!-- <rect width="70" height="20" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="70" height="20" fill="#0f0" transform="translate(140 0)" /> -->
- <!-- <rect width="65" height="20" fill="#0f0" transform="translate(0 360)" /> -->
- <!-- <rect width="65" height="20" fill="#0f0" transform="translate(145 360)" /> -->
- <text class="title" x="69" y="19" font-size="12pt" letter-spacing="4px">WALK2</text>
- <g transform="translate(65 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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="210.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 209.0,1 209.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 209.5,0.5 209.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 210.0,0 210.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(105.0 19)">WALK2</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(105.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(89.5 -5)"/>
+ </g>
+ </svg>
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(54.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(105 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(154.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(200 0)" /> -->
- <!-- <polyline points="0,0 210,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 259)" /> -->
- <!-- <polyline points="0,0 210,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 254.5)" /> -->
- <!-- <polyline points="0,0 210,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 296)" /> -->
- <!-- <polyline points="0,0 210,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 320.5)" /> -->
+
+
+
+
+
+
+
+
+
<g transform="translate(10 25)">
- <use id="DISPLAY_WIDGET" xlink:href="#display-walk2"/>
+ <use id="DISPLAY_WIDGET" xlink:href="#display-walk2" href="#display-walk2"/>
</g>
<g transform="translate(0 227)">
diff --git a/res-pp/XCO-pp.svg b/res-pp/XCO-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -33,24 +46,26 @@ text.brand {
</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>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="300.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 299.0,1 299.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 300.0,0 300.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(150.0 19)">XCO</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(150.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate(134.5 -5)"/>
+ </g>
+ </svg>
<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"/>
@@ -141,13 +156,13 @@ text.brand {
</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)" /> -->
+
<g transform="translate(34 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)">
@@ -156,7 +171,7 @@ text.brand {
<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(35 141)"><svg>
<g transform="translate(20 20)">
@@ -181,7 +196,7 @@ text.brand {
<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>
<g transform="translate(20 0)"><svg id="FM_DEPTH_PARAM">
<g transform="translate(19 19)">
@@ -191,11 +206,11 @@ text.brand {
</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" /> -->
+
<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"/>
@@ -205,7 +220,7 @@ text.brand {
<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" /> -->
+
<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"/>
@@ -215,7 +230,7 @@ text.brand {
<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>
<g transform="translate(0 2)"><svg id="FM_TYPE_PARAM">
@@ -227,22 +242,22 @@ text.brand {
</g>
</g>
</g>
- <use xlink:href="#dial-fm-xco" transform="translate(49 188)"/>
+ <use xlink:href="#dial-fm-xco" transform="translate(49 188)" href="#dial-fm-xco"/>
- <!-- <rect width="90" height="18" fill="#0f0" transform="translate(0 175)" /> -->
- <!-- <rect width="90" height="18" fill="#0f0" transform="translate(0 295)" /> -->
+
+
<rect width="193" height="47" rx="5" fill="#bbb" transform="translate(97 313)"/>
<g transform="translate(140 30)">
<rect width="30" height="330" rx="5" fill="#fafafa"/>
- <!-- <polyline points="15,0 15,320" stroke="#0f0" stroke-width="1" fill="none" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 90)" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 177)" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 267)" /> -->
- <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.2 15)">SQR</text> -->
+
+
+
+
+
<g transform="translate(9 6)">
- <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
+
<polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
</g>
<g transform="translate(3 30)">
@@ -343,13 +358,13 @@ text.brand {
<g transform="translate(180 30)">
<rect width="30" height="330" rx="5" fill="#fafafa"/>
- <!-- <polyline points="15,0 15,320" stroke="#0f0" stroke-width="1" fill="none" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 90)" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 177)" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 267)" /> -->
- <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(4.3 15)">SAW</text> -->
+
+
+
+
+
<g transform="translate(9 6)">
- <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
+
<polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/>
</g>
<g transform="translate(3 30)">
@@ -450,13 +465,13 @@ text.brand {
<g transform="translate(220 30)">
<rect width="30" height="330" rx="5" fill="#fafafa"/>
- <!-- <polyline points="15,0 15,320" stroke="#0f0" stroke-width="1" fill="none" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 90)" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 177)" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 267)" /> -->
- <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(7 15)">TRI</text> -->
+
+
+
+
+
<g transform="translate(9 6)">
- <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
+
<polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
</g>
<g transform="translate(3 30)">
@@ -557,13 +572,13 @@ text.brand {
<g transform="translate(260 30)">
<rect width="30" height="330" rx="5" fill="#fafafa"/>
- <!-- <polyline points="15,0 15,320" stroke="#0f0" stroke-width="1" fill="none" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 90)" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 177)" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 267)" /> -->
- <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 15)">SIN</text> -->
+
+
+
+
+
<g transform="translate(9 6)">
- <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
+
<path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#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>
@@ -663,11 +678,11 @@ text.brand {
</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" /> -->
+
<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"/>
@@ -677,7 +692,7 @@ text.brand {
<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" /> -->
+
<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"/>
@@ -687,7 +702,7 @@ text.brand {
<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)" /> -->
+
<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"/>
diff --git a/res-pp/XFade-pp.svg b/res-pp/XFade-pp.svg
@@ -13,6 +13,19 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
</style>
<defs>
@@ -36,7 +49,7 @@ text.brand {
<g transform="translate(22.5 22.5)">
<polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-180) translate(9.5 0)"/>
<g transform="rotate(-180) translate(16 0) rotate(180) translate(-2.5 -2.5)">
- <!-- <rect width="5" height="5" stroke-width="1" stroke="#0f0" fill="none" /> -->
+
<polyline points="0,0 2.5,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)"/>
<polyline points="5,0 2.5,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)"/>
</g>
@@ -45,7 +58,7 @@ text.brand {
<polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(9.5 0)"/>
<g transform="rotate(-90) translate(16 0) rotate(90) translate(-2.5 -2.5)">
- <!-- <rect width="5" height="5" stroke-width="1" stroke="#0f0" fill="none" /> -->
+
<polyline points="0,0 5,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)"/>
<polyline points="5,0 0,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)"/>
</g>
@@ -54,7 +67,7 @@ text.brand {
<polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(0) translate(9.5 0)"/>
<g transform="rotate(0) translate(16 0) rotate(-0) translate(-2.5 -2.5)">
- <!-- <rect width="5" height="5" stroke-width="1" stroke="#0f0" fill="none" /> -->
+
<polyline points="2.5,0 5,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)"/>
<polyline points="2.5,0 0,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)"/>
</g>
@@ -62,20 +75,23 @@ text.brand {
</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-width="0.5" stroke="#0f0" transform="translate(22.5 0)" /> -->
-
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">XFADE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <svg>
+ <svg>
+ <rect class="module-background background-fill" width="45.0" height="380.0"/>
+ </svg>
+ <svg>
+ <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
+ </svg>
+ <g transform="rotate(-90) translate(-376.0 13)">
+ <text class="title" font-size="7pt" letter-spacing="2.5px">XFADE</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </g>
+ </g>
+ </svg>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="1px" transform="translate(14 0)">MIX</text>
@@ -86,7 +102,7 @@ text.brand {
<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)"/>
+ <use xlink:href="#dial-mixab-xfade" transform="translate(0 3)" href="#dial-mixab-xfade"/>
<g transform="translate(5.5 49)">
<rect width="34" height="38" rx="5" fill="#fafafa"/>
<g transform="translate(5 3)"><svg id="MIX_INPUT">
@@ -108,7 +124,7 @@ text.brand {
<circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
</g>
</svg></g>
- <use xlink:href="#dial-curve-xfade" transform="translate(0 3)"/>
+ <use xlink:href="#dial-curve-xfade" transform="translate(0 3)" href="#dial-curve-xfade"/>
</g>
<g transform="translate(10.5 178)">
diff --git a/res-src/AD-src.svg b/res-src/AD-src.svg
@@ -1,26 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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>
+ <def xlink:href="#module3" var-name="AD"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">ATTACK</text>
@@ -72,4 +54,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.5 67)">EOC</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/ADSR-src.svg b/res-src/ADSR-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -24,23 +24,7 @@
</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>
+ <def xlink:href="#module3" var-name="ADSR"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">ATT</text>
@@ -89,4 +73,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/AMRM-src.svg b/res-src/AMRM-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
+<module hp="6">
<style/>
<defs>
@@ -36,16 +36,7 @@
</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="26.5" y="17" font-size="9pt" letter-spacing="3px">AM/RM</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <def xlink:href="#module6" var-name="AM/RM"/>
<!-- <rect width="90" height="23" fill="#0f0" transform="translate(0 18)" /> -->
<!-- <rect width="90" height="23" fill="#0f0" transform="translate(0 117)" /> -->
@@ -87,4 +78,4 @@
</g>
<!-- <polyline points="0,0 45,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 73)" /> -->
-</svg>
+</module>
diff --git a/res-src/ASR-src.svg b/res-src/ASR-src.svg
@@ -1,26 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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>
+ <def xlink:href="#module3" var-name="ASR"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">ATTACK</text>
@@ -66,4 +48,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.5 67)">EOC</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Additator-src.svg b/res-src/Additator-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
+<module hp="15">
<style/>
<defs>
@@ -20,22 +20,7 @@
</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>
+ <def xlink:href="#module" var-name="ADDITATOR"/>
<!-- <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)" /> -->
@@ -182,4 +167,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/AddrSeq-src.svg b/res-src/AddrSeq-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
+<module hp="6">
<style/>
<defs>
@@ -32,16 +32,7 @@
</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="15" y="17" font-size="9pt" letter-spacing="0.5px">ADDR-SEQ</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <def xlink:href="#module6" var-name="ADDR-SEQ"/>
<g transform="translate(6.5 32)">
<rect width="34" height="39" rx="5" fill="#fafafa"/>
@@ -132,4 +123,4 @@
<!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 336)" /> -->
<!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 351)" /> -->
<!-- <polyline points="0,0 0,360" stroke="#f00" stroke-width="1" fill="none" transform="translate(23.50 0)" /> -->
-</svg>
+</module>
diff --git a/res-src/Analyzer-src.svg b/res-src/Analyzer-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="300" height="380" viewBox="0 0 300 380">
+<module hp="20">
<style/>
<defs>
@@ -62,16 +62,7 @@
</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"/>
-
- <text class="title" x="92.5" y="19" font-size="12pt" letter-spacing="4px">ANALYZER</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>
+ <def xlink:href="#module" var-name="ANALYZER"/>
<g transform="translate(10 25)">
<use id="DISPLAY_WIDGET" xlink:href="#display-analyzer"/>
@@ -181,4 +172,4 @@
<use xlink:href="#dial-range-analyzer" transform=" translate(11.3 252) scale(0.75)"/>
<use xlink:href="#dial-smooth-analyzer" transform=" translate(84.3 252) scale(0.75)"/>
-</svg>
+</module>
diff --git a/res-src/AnalyzerXL-src.svg b/res-src/AnalyzerXL-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="630" height="380" viewBox="0 0 630 380">
+<module hp="42">
<style/>
<defs>
@@ -8,9 +8,9 @@
</symbol>
</defs>
- <rect width="100%" height="100%" fill="#000"/>
+ <def xlink:href="#module-background"/>
<g transform="translate(0 375) rotate(-90)">
- <text transform="translate(0 12.5)">ANALYZER-XL</text>
+ <text transform="translate(0 12.5)" letter-spacing="1">ANALYZER-XL</text>
<text transform="translate(0 25.5)">BOGAUDIO</text>
</g>
@@ -27,4 +27,4 @@
<use id="DISPLAY_WIDGET" xlink:href="#display-analyzerxl" transform="translate(30 0)"/>
<!-- <rect cx="0" cy="0" width="600" height="380" fill="#555" transform="translate(30 0)" /> -->
-</svg>
+</module>
diff --git a/res-src/Arp-src.svg b/res-src/Arp-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">ARP</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="ARP"/>
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
<!-- <polyline points="0,0 0,380" stroke="#f00" stroke-width="1" fill="none" transform="translate(3 0)" /> -->
@@ -89,4 +78,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Assign-src.svg b/res-src/Assign-src.svg
@@ -1,21 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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>
+ <def xlink:href="#module3" var-name="ASSIGN"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text>
@@ -43,4 +30,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Blank3-src.svg b/res-src/Blank3-src.svg
@@ -1,11 +1,9 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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"/>
+ <def xlink:href="#module-background"/>
+ <def xlink:href="#module-border"/>
<!-- <rect width="45" height="380" fill="#0f0" /> -->
<!-- <rect width="35" height="130" fill="#ddd" transform="translate(5 125)" /> -->
@@ -13,4 +11,4 @@
<!-- <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> -->
-</svg>
+</module>
diff --git a/res-src/Blank6-src.svg b/res-src/Blank6-src.svg
@@ -1,11 +1,9 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
+<module hp="6">
<style/>
- <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"/>
+ <def xlink:href="#module-background"/>
+ <def xlink:href="#module-border"/>
<!-- <rect width="90" height="380" fill="#0f0" /> -->
<!-- <rect width="30" height="316" fill="#ddd" transform="translate(30 32)" /> -->
@@ -13,4 +11,4 @@
<!-- <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text> -->
<!-- <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" /> -->
<!-- </g> -->
-</svg>
+</module>
diff --git a/res-src/Bool-src.svg b/res-src/Bool-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">BOOL</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="BOOL"/>
<g transform="translate(7.5 18)">
<rect width="34" height="63.5" rx="5" fill="#fafafa" transform="translate(-2 0)"/>
@@ -45,4 +34,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 34)">NOT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/CVD-src.svg b/res-src/CVD-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -20,20 +20,7 @@
</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,300" 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="2.5px">CVD</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="CVD"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(9.5 0)">TIME</text>
@@ -73,4 +60,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Clpr-src.svg b/res-src/Clpr-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
+<module hp="6">
<style/>
- <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>
+ <def xlink:href="#module6" var-name="CLPR"/>
<!-- <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)" /> -->
@@ -60,4 +51,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Cmp-src.svg b/res-src/Cmp-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
+<module hp="6">
<style/>
<defs>
@@ -65,16 +65,7 @@
</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="45" y="17" font-size="9pt" letter-spacing="3px">CMP</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <def xlink:href="#module6" var-name="CMP"/>
<!-- <rect width="90" height="12" fill="#0f0" transform="translate(0 122)" /> -->
<!-- <rect width="90" height="12" fill="#0f0" transform="translate(0 228)" /> -->
@@ -150,4 +141,4 @@
<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>
+</module>
diff --git a/res-src/CmpDist-src.svg b/res-src/CmpDist-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
+<module hp="10">
<style/>
<defs>
@@ -50,18 +50,7 @@
</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="30" height="20" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="30" height="20" fill="#0f0" transform="translate(120 0)" /> -->
- <text class="title" x="26" y="19" font-size="12pt" letter-spacing="3.5px">CMPDIST</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>
+ <def xlink:href="#module" var-name="CMPDIST"/>
<!-- <rect width="150" height="14" fill="#0f0" transform="translate(0 80)" /> -->
<!-- <rect width="150" height="14" fill="#0f0" transform="translate(0 145)" /> -->
@@ -187,4 +176,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/DADSRH-src.svg b/res-src/DADSRH-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
+<module hp="10">
<style/>
- <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>
+ <def xlink:href="#module" var-name="DADSR(H)"/>
<g transform="translate(9 33)">
<g transform="translate(0 0)">
@@ -183,4 +174,4 @@
<text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/DADSRHPlus-src.svg b/res-src/DADSRHPlus-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
+<module hp="15">
<style/>
- <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>
+ <def xlink:href="#module" var-name="DADSR(H)+"/>
<g transform="translate(149 26)">
<rect width="30" height="323" rx="5" fill="#fafafa"/>
@@ -201,4 +192,4 @@
<text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/DGate-src.svg b/res-src/DGate-src.svg
@@ -1,24 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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>
+ <def xlink:href="#module3" var-name="DGATE"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2px" transform="translate(6.5 0)">DELAY</text>
@@ -61,4 +45,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Detune-src.svg b/res-src/Detune-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -42,22 +42,7 @@
</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 64)" /> -->
- <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 113)" /> -->
-
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">DETUNE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="DETUNE"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">CENTS</text>
@@ -89,4 +74,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(6.5 104)">OUT-</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/EQ-src.svg b/res-src/EQ-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -21,18 +21,7 @@
</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">EQ</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="EQ"/>
<g transform="translate(0 36)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(12.5 0)">LOW</text>
@@ -69,4 +58,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/EQS-src.svg b/res-src/EQS-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
+<module hp="6">
<style/>
<defs>
@@ -21,16 +21,7 @@
</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="50" y="17" font-size="9pt" letter-spacing="3px">EQS</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <def xlink:href="#module6" var-name="EQS"/>
<g transform="translate(0 40)">
<text font-size="8pt" letter-spacing="2px" transform="translate(32 0)">LOW</text>
@@ -68,4 +59,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Edge-src.svg b/res-src/Edge-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -106,18 +106,7 @@
</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">EDGE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="EDGE"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">RISE</text>
@@ -159,4 +148,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(6.6 105)">FALL</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/EightFO-src.svg b/res-src/EightFO-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="255" height="380" viewBox="0 0 255 380">
+<module hp="17">
<style/>
<defs>
@@ -49,21 +49,7 @@
</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>
+ <def xlink:href="#module" var-name="8FO"/>
<g transform="translate(20 25)">
<!-- <rect width="108" height="108" fill="none" stroke="#0f0" /> -->
@@ -227,4 +213,4 @@
<text font-size="6pt" letter-spacing="1px" transform="translate(0 40)">RESET</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/EightHP-src.svg b/res-src/EightHP-src.svg
@@ -1,15 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="120" height="380" viewBox="0 0 120 380">
+<module hp="8">
<style/>
- <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="50" y="17" font-size="9pt" letter-spacing="3px">8HP8HP</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>
-</svg>
+ <def xlink:href="#module" var-name="8HP8HP"/>
+</module>
diff --git a/res-src/EightOne-src.svg b/res-src/EightOne-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
+<module hp="6">
<style/>
- <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="63" y="17" font-size="9pt" letter-spacing="3px">8:1</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <def xlink:href="#module6" var-name="8:1"/>
<g transform="translate(6.5 32)">
<rect width="34" height="337" rx="5" fill="#fafafa" transform="translate(0 -9)"/>
@@ -97,4 +88,4 @@
<!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 336)" /> -->
<!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 351)" /> -->
<!-- <polyline points="0,0 0,360" stroke="#f00" stroke-width="1" fill="none" transform="translate(66.50 0)" /> -->
-</svg>
+</module>
diff --git a/res-src/EighteenHP-src.svg b/res-src/EighteenHP-src.svg
@@ -1,15 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="270" height="380" viewBox="0 0 270 380">
+<module hp="18">
<style/>
- <rect width="100%" height="100%" fill="#ddd"/>
- <polyline points="1,1 269,1 269,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
- <polyline points="0.5,0.5 269.5,0.5 269.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
- <polyline points="0,0 270,0 270,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
-
- <text class="title" x="44" y="19" font-size="12pt" letter-spacing="4px">18HP-18HP-18HP</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>
-</svg>
+ <def xlink:href="#module" var-name="18HP-18HP-18HP"/>
+</module>
diff --git a/res-src/FFB-src.svg b/res-src/FFB-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="120" height="380" viewBox="0 0 120 380">
+<module hp="8">
<style/>
- <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>
+ <def xlink:href="#module8" var-name="FFB"/>
<!-- <rect width="120" height="254" fill="#0ff" transform="translate(0 24)" /> -->
<g transform="translate(1.5 24)">
@@ -136,4 +127,4 @@
<text font-size="6pt" letter-spacing="1.5px" transform="translate(3 39)">EVEN</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/FMOp-src.svg b/res-src/FMOp-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
+<module hp="10">
<style/>
<defs>
@@ -93,21 +93,7 @@
</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="35" height="20" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="35" height="20" fill="#0f0" transform="translate(115 0)" /> -->
-
- <!-- <polyline points="0,50 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(120 0)" /> -->
-
- <text class="title" x="39" y="19" font-size="12pt" letter-spacing="4px">FM-OP</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>
+ <def xlink:href="#module" var-name="FM-OP"/>
<g transform="translate(10 25)">
<!-- <rect width="78" height="68" fill="none" stroke="#0f0" /> -->
@@ -238,4 +224,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/FifteenHP-src.svg b/res-src/FifteenHP-src.svg
@@ -1,15 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
+<module hp="15">
<style/>
- <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="54" y="19" font-size="12pt" letter-spacing="4px">15HP-15HP</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>
-</svg>
+ <def xlink:href="#module" var-name="15HP-15HP"/>
+</module>
diff --git a/res-src/FiveHP-src.svg b/res-src/FiveHP-src.svg
@@ -1,15 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380">
+<module hp="5">
<style/>
- <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="35" y="17" font-size="9pt" letter-spacing="3px">5HP</text>
- <g transform="translate(25 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
- <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
- </g>
-</svg>
+ <def xlink:href="#module5" var-name="5HP"/>
+</module>
diff --git a/res-src/FlipFlop-src.svg b/res-src/FlipFlop-src.svg
@@ -1,24 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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="1.5px">FLIPFLOP</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="FLIPFLOP"/>
<g transform="translate(0 18)">
<g transform="translate(5.5 0)">
@@ -57,4 +41,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(15 67)">B</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Follow-src.svg b/res-src/Follow-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -36,20 +36,7 @@
</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,300" 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="2.5px">FOLLOW</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="FOLLOW"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(8.5 0)">DAMP</text>
@@ -89,4 +76,4 @@
</g>
<!-- <polyline points="0,0 45,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 73)" /> -->
-</svg>
+</module>
diff --git a/res-src/FourMan-src.svg b/res-src/FourMan-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">4MAN</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="4MAN"/>
<g transform="translate(0 18)">
<g transform="translate(5.5 0)">
@@ -86,4 +75,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Inv-src.svg b/res-src/Inv-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">INV</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="INV"/>
<g transform="translate(0 18)">
<g transform="translate(5.5 0)">
@@ -58,4 +47,4 @@
<def id="HIGH2_LIGHT" xlink:href="#light-small" transform="translate(5 29.3)"/>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/LFO-src.svg b/res-src/LFO-src.svg
@@ -1,20 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
+<module hp="10">
<style/>
- <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>
+ <def xlink:href="#module" var-name="LFO"/>
<!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(75 0)" /> -->
@@ -149,4 +137,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/LLFO-src.svg b/res-src/LLFO-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -33,18 +33,7 @@
</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">LLFO</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="LLFO"/>
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
@@ -148,4 +137,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/LVCF-src.svg b/res-src/LVCF-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -39,18 +39,7 @@
</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">LVCF</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="LVCF"/>
<g transform="translate(0 31)">
<text font-size="6pt" letter-spacing="1px" transform="translate(5 0)">CUTOFF</text>
@@ -114,4 +103,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/LVCO-src.svg b/res-src/LVCO-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -24,18 +24,7 @@
</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">LVCO</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="LVCO"/>
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
@@ -134,4 +123,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Lag-src.svg b/res-src/Lag-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -20,20 +20,7 @@
</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,300" 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="2.5px">LAG</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="LAG"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(9.5 0)">TIME</text>
@@ -73,4 +60,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Lmtr-src.svg b/res-src/Lmtr-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
+<module hp="6">
<style/>
- <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>
+ <def xlink:href="#module6" var-name="LMTR"/>
<!-- <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)" /> -->
@@ -60,4 +51,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Manual-src.svg b/res-src/Manual-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">MANUAL</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="MANUAL"/>
<g transform="translate(0 18)">
<g transform="translate(0 0)">
@@ -46,4 +35,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Matrix44-src.svg b/res-src/Matrix44-src.svg
@@ -1,24 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
+<module hp="10">
<style/>
- <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="150" height="24" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 22)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 78)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 134)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 190)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 245)" /> -->
-
- <text class="title" x="19" y="19" font-size="12pt" letter-spacing="4px">MATRIX44</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>
+ <def xlink:href="#module" var-name="MATRIX44"/>
<g transform="translate(13.5 42.5)">
<text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text>
@@ -150,4 +134,4 @@
<!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(59 0)" /> -->
<!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(91 0)" /> -->
<!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(123 0)" /> -->
-</svg>
+</module>
diff --git a/res-src/Matrix88-src.svg b/res-src/Matrix88-src.svg
@@ -1,21 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="330" height="380" viewBox="0 0 330 380">
+<module hp="22">
<style/>
- <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"/>
- <polyline points="0,0 330,0 330,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(220 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 0)" /> -->
-
- <text class="title" x="110.5" y="19" font-size="12pt" letter-spacing="4px">MATRIX88</text>
- <g transform="translate(125 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>
+ <def xlink:href="#module" var-name="MATRIX88"/>
<g transform="translate(5.5 25)">
<rect width="34" height="293" rx="5" fill="#fafafa" transform="translate(0 0)"/>
@@ -329,4 +316,4 @@
<!-- <rect width="330" height="11" fill="#0f0" transform="translate(0 274)" /> -->
<!-- <rect width="8" height="380" fill="#0f0" transform="translate(77 0)" /> -->
-</svg>
+</module>
diff --git a/res-src/Mix1-src.svg b/res-src/Mix1-src.svg
@@ -1,24 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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>
+ <def xlink:href="#module3" var-name="MIX1"/>
<g transform="translate(0 18)">
<def xlink:href="#sliderdial-db-151" transform="translate(0 0)"/>
@@ -44,4 +28,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Mix2-src.svg b/res-src/Mix2-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380">
+<module hp="5">
<style/>
- <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>
+ <def xlink:href="#module5" var-name="MIX2"/>
<g transform="translate(0 32)">
<def xlink:href="#sliderdial-db-151" transform="translate(15 0)"/>
@@ -45,4 +36,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(45 33)">R</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Mix4-src.svg b/res-src/Mix4-src.svg
@@ -1,22 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
+<module hp="15">
<style/>
- <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>
+ <def xlink:href="#module" var-name="MIX4"/>
<g transform="translate(4 20)">
<!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
@@ -128,4 +114,4 @@
</g>
</g>
<!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 360)" /> -->
-</svg>
+</module>
diff --git a/res-src/Mix4x-src.svg b/res-src/Mix4x-src.svg
@@ -1,23 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
+<module hp="15">
<style/>
- <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>
+ <def xlink:href="#module" var-name="MIX4X"/>
<g transform="translate(4 20)">
<text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text>
@@ -179,4 +164,4 @@
<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>
+</module>
diff --git a/res-src/Mix8-src.svg b/res-src/Mix8-src.svg
@@ -1,22 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="405" height="380" viewBox="0 0 405 380">
+<module hp="27">
<style/>
- <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>
+ <def xlink:href="#module" var-name="MIX8"/>
<g transform="translate(4 20)">
<!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
@@ -216,4 +202,4 @@
</g>
</g>
<!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 360)" /> -->
-</svg>
+</module>
diff --git a/res-src/Mix8x-src.svg b/res-src/Mix8x-src.svg
@@ -1,22 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="405" height="380" viewBox="0 0 405 380">
+<module hp="27">
<style/>
- <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>
+ <def xlink:href="#module" var-name="MIX8X"/>
<g transform="translate(4 20)">
<text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text>
@@ -293,4 +279,4 @@
<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>
+</module>
diff --git a/res-src/Mono-src.svg b/res-src/Mono-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -32,20 +32,7 @@
</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">MONO</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="MONO"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text>
@@ -109,4 +96,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(4.5 32)">MONO</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Mult-src.svg b/res-src/Mult-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">MULT</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="MULT"/>
<g transform="translate(0 18)">
<g transform="translate(0 0)">
@@ -66,4 +55,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Mumix-src.svg b/res-src/Mumix-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
+<module hp="6">
<style/>
- <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="26" y="17" font-size="9pt" letter-spacing="3px">MUMIX</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <def xlink:href="#module6" var-name="MUMIX"/>
<g transform="translate(2 25)">
<g transform="translate(5.5 0)">
@@ -55,4 +46,4 @@
<!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 227)" /> -->
<!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 264)" /> -->
<!-- <polyline points="0,0 90,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 301)" /> -->
-</svg>
+</module>
diff --git a/res-src/Mute8-src.svg b/res-src/Mute8-src.svg
@@ -1,20 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
+<module hp="10">
<style/>
- <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="40" height="20" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="40" height="20" fill="#0f0" transform="translate(110 0)" /> -->
-
- <text class="title" x="36.5" y="19" font-size="12pt" letter-spacing="4px">MUTE8</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>
+ <def xlink:href="#module" var-name="MUTE8"/>
<g transform="translate(8 32)">
<rect width="30" height="328" rx="5" fill="#fafafa"/>
@@ -103,4 +91,4 @@
</g>
<text font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text>
</g>
-</svg>
+</module>
diff --git a/res-src/Noise-src.svg b/res-src/Noise-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">NOISE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="NOISE"/>
<g transform="translate(0 18)">
<g transform="translate(7.5 0)">
@@ -46,4 +35,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Nsgt-src.svg b/res-src/Nsgt-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
+<module hp="6">
<style/>
<defs>
@@ -18,16 +18,7 @@
</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">NSGT</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <def xlink:href="#module6" var-name="NSGT"/>
<!-- <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)" /> -->
@@ -76,4 +67,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Offset-src.svg b/res-src/Offset-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -182,18 +182,7 @@
</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">OFFSET</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="OFFSET"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2px" transform="translate(3 0)">OFFSET</text>
@@ -233,4 +222,4 @@
</g>
<!-- <polyline points="0,0 45,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 73)" /> -->
-</svg>
+</module>
diff --git a/res-src/OneEight-src.svg b/res-src/OneEight-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
+<module hp="6">
<style/>
- <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="63" y="17" font-size="9pt" letter-spacing="3px">1:8</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <def xlink:href="#module6" var-name="1:8"/>
<g transform="translate(6.5 32)">
<rect width="34" height="39" rx="5" fill="#fafafa"/>
@@ -97,4 +88,4 @@
<!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 336)" /> -->
<!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 351)" /> -->
<!-- <polyline points="0,0 0,360" stroke="#f00" stroke-width="1" fill="none" transform="translate(23.50 0)" /> -->
-</svg>
+</module>
diff --git a/res-src/PEQ-src.svg b/res-src/PEQ-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
+<module hp="10">
<style/>
<defs>
@@ -38,19 +38,7 @@
</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">PEQ</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>
+ <def xlink:href="#module" var-name="PEQ"/>
<g transform="translate(0 25)">
<!-- <rect width="150" height="60" fill="#0f0" transform="translate(0 0)" /> -->
@@ -191,4 +179,4 @@
<text font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/PEQ14-src.svg b/res-src/PEQ14-src.svg
@@ -1,20 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="690" height="380" viewBox="0 0 690 380">
+<module hp="46">
<style/>
- <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>
+ <def xlink:href="#module" var-name="PEQ14"/>
<g transform="translate(6.5 48)">
<!-- <rect width="62" height="40" fill="#f0f" transform="translate(0 0)" /> -->
@@ -392,4 +380,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/PEQ14XF-src.svg b/res-src/PEQ14XF-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380">
+<module hp="5">
<style/>
- <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>
+ <def xlink:href="#module5" var-name="PEQ14XF"/>
<g transform="translate(-2.5 24)">
<def id="DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/>
@@ -69,4 +60,4 @@
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(18.75 0)" /> -->
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(37.5 0)" /> -->
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(56.25 0)" /> -->
-</svg>
+</module>
diff --git a/res-src/PEQ14XR-src.svg b/res-src/PEQ14XR-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380">
+<module hp="5">
<style/>
- <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>
+ <def xlink:href="#module5" var-name="PEQ14XR"/>
<g transform="translate(-2.5 24)">
<def id="DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 6)"/>
@@ -34,4 +25,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>
+</module>
diff --git a/res-src/PEQ14XV-src.svg b/res-src/PEQ14XV-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380">
+<module hp="5">
<style/>
<defs>
@@ -19,16 +19,7 @@
</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">PEQ14XV</text>
- <g transform="translate(25 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
- <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
- </g>
+ <def xlink:href="#module5" var-name="PEQ14XV"/>
<text font-size="6pt" letter-spacing="1.5px" transform="translate(9 30)">FOLLOWERS</text>
@@ -100,4 +91,4 @@
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(18.75 0)" /> -->
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(37.5 0)" /> -->
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(56.25 0)" /> -->
-</svg>
+</module>
diff --git a/res-src/PEQ6-src.svg b/res-src/PEQ6-src.svg
@@ -1,22 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="315" height="380" viewBox="0 0 315 380">
+<module hp="21">
<style/>
- <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>
+ <def xlink:href="#module" var-name="PEQ6"/>
<!-- <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)" /> -->
@@ -204,4 +190,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/PEQ6XF-src.svg b/res-src/PEQ6XF-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">PEQ6XF</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="PEQ6XF"/>
<g transform="translate(0 24)">
<def id="DAMP_PARAM" xlink:href="#knob16" transform="translate(14.5 8)"/>
@@ -43,4 +32,4 @@
<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>
+</module>
diff --git a/res-src/Pan-src.svg b/res-src/Pan-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -20,23 +20,7 @@
</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">PAN</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="PAN"/>
<g transform="translate(0 15)">
<def id="PAN1_PARAM" xlink:href="#knob26" transform="translate(9.5 9.5)"/>
@@ -69,4 +53,4 @@
<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>
+</module>
diff --git a/res-src/Pgmr-src.svg b/res-src/Pgmr-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
+<module hp="15">
<style/>
- <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>
+ <def xlink:href="#module" var-name="PGMR"/>
<!-- <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)" /> -->
@@ -180,4 +169,4 @@
</g>Z
</g>
<!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 315)" /> -->
-</svg>
+</module>
diff --git a/res-src/PgmrX-src.svg b/res-src/PgmrX-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="180" height="380" viewBox="0 0 180 380">
+<module hp="12">
<style/>
- <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>
+ <def xlink:href="#module" var-name="PGMRX"/>
<g transform="translate(0 30)">
<!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> -->
@@ -142,4 +131,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/PolyCon16-src.svg b/res-src/PolyCon16-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="120" height="380" viewBox="0 0 120 380">
+<module hp="8">
<style/>
- <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="24" y="17" font-size="9pt" letter-spacing="2px">POLYCON16</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <def xlink:href="#module8" var-name="POLYCON16" var-letterspacing="2"/>
<!-- <polyline points="0,0 120,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(33.33 0)" /> -->
@@ -132,4 +123,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>
-</svg>
+</module>
diff --git a/res-src/PolyCon8-src.svg b/res-src/PolyCon8-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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="0.5px">POLYCON8</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="POLYCON8"/>
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(5 0)" /> -->
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(40 0)" /> -->
@@ -80,4 +69,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>
+</module>
diff --git a/res-src/PolyMult-src.svg b/res-src/PolyMult-src.svg
@@ -1,21 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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>
+ <def xlink:href="#module3" var-name="POLYMULT"/>
<g transform="translate(2.5 30)">
<text font-size="6pt" letter-spacing="1.5px" transform="translate(6.5 0)">CHAN</text>
@@ -45,4 +32,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 137)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/PolyOff16-src.svg b/res-src/PolyOff16-src.svg
@@ -1,22 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="240" height="380" viewBox="0 0 240 380">
+<module hp="16">
<style/>
- <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>
+ <def xlink:href="#module" var-name="POLYOFF16"/>
<g transform="translate(5.5 24)">
<rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)"/>
@@ -197,4 +183,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>
-</svg>
+</module>
diff --git a/res-src/PolyOff8-src.svg b/res-src/PolyOff8-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="120" height="380" viewBox="0 0 120 380">
+<module hp="8">
<style/>
- <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="29" y="17" font-size="9pt" letter-spacing="3px">POLYOFF8</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
+ <def xlink:href="#module8" var-name="POLYOFF8"/>
<!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 0)" /> -->
<!-- <rect width="30" height="20" fill="#0f0" transform="translate(120 0)" /> -->
@@ -132,4 +123,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>
-</svg>
+</module>
diff --git a/res-src/Pressor-src.svg b/res-src/Pressor-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
+<module hp="15">
<style/>
<defs>
@@ -145,31 +145,7 @@
</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="60" height="20" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="60" height="20" fill="#0f0" transform="translate(165 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)" /> -->
-
- <!-- <rect width="12" height="100" fill="#00f3" transform="translate(85 20)" /> -->
- <!-- <rect width="12" height="100" fill="#00f3" transform="translate(174 20)" /> -->
-
- <!-- <rect width="225" height="3" fill="#0f03" transform="translate(0 20)" /> -->
- <!-- <rect width="225" height="30" fill="#f003" transform="translate(0 23)" /> -->
- <!-- <rect width="225" height="50" fill="#f003" transform="translate(0 91)" /> -->
- <!-- <rect width="225" height="50" fill="#f003" transform="translate(0 163)" /> -->
- <!-- <rect width="225" height="30" fill="#f003" transform="translate(0 239)" /> -->
-
- <text class="title" x="61" y="19" font-size="12pt" letter-spacing="4px">PRESSOR</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>
+ <def xlink:href="#module" var-name="PRESSOR"/>
<g transform="translate(13 53)">
<!-- <polyline points="0,19 268,19" stroke="#0f0" stroke-width="1" fill="none" /> -->
@@ -328,4 +304,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Pulse-src.svg b/res-src/Pulse-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -62,18 +62,7 @@
</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">PULSE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="PULSE"/>
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
@@ -121,4 +110,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Reftone-src.svg b/res-src/Reftone-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -99,24 +99,7 @@
</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="8" fill="#0f0" transform="translate(0 66)" /> -->
- <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 120)" /> -->
- <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 174)" /> -->
- <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 227)" /> -->
-
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">REFTONE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="REFTONE"/>
<g transform="translate(0 18)">
<use id="DISPLAY_WIDGET" xlink:href="#display-reftone"/>
@@ -156,4 +139,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/SampleHold-src.svg b/res-src/SampleHold-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">S&H</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="S&H"/>
<g transform="translate(0 18)">
<!-- <text font-size="6pt" letterspacing="2px" transform="translate(5.5 0)">1</text> -->
@@ -95,4 +84,4 @@
</g>
</g>
<!-- <rect width="90" height="13" fill="#0f0" transform="translate(0 335)" /> -->
-</svg>
+</module>
diff --git a/res-src/Shaper-src.svg b/res-src/Shaper-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
+<module hp="10">
<style/>
- <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>
+ <def xlink:href="#module" var-name="SHAPER"/>
<g transform="translate(9 33)">
<g transform="translate(0 0)">
@@ -106,4 +97,4 @@
<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>
+</module>
diff --git a/res-src/ShaperPlus-src.svg b/res-src/ShaperPlus-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
+<module hp="15">
<style/>
- <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="62.5" y="19" font-size="12pt" letter-spacing="4px">SHAPER+</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>
+ <def xlink:href="#module" var-name="SHAPER+"/>
<g transform="translate(149 26)">
<rect width="30" height="322" rx="5" fill="#fafafa"/>
@@ -125,4 +116,4 @@
<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>
+</module>
diff --git a/res-src/Sine-src.svg b/res-src/Sine-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -24,18 +24,7 @@
</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">SINE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="SINE"/>
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
@@ -85,4 +74,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/SixHP-src.svg b/res-src/SixHP-src.svg
@@ -1,15 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
+<module hp="6">
<style/>
- <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="20" y="17" font-size="9pt" letter-spacing="3px">6HP6HP</text>
- <g transform="translate(5.5 374)">
- <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
- <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
- </g>
-</svg>
+ <def xlink:href="#module6" var-name="6HP6HP"/>
+</module>
diff --git a/res-src/SixteenHP-src.svg b/res-src/SixteenHP-src.svg
@@ -1,20 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="240" height="380" viewBox="0 0 240 380">
+<module hp="16">
<style/>
- <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="62" y="19" font-size="12pt" letter-spacing="4px">16HP-16HP</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>
-</svg>
+ <def xlink:href="#module" var-name="16HP-16HP"/>
+</module>
diff --git a/res-src/Slew-src.svg b/res-src/Slew-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -48,20 +48,7 @@
</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,300" 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="2.5px">SLEW</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="SLEW"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(11 0)">RISE</text>
@@ -103,4 +90,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Stack-src.svg b/res-src/Stack-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -92,24 +92,7 @@
</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="8" fill="#0f0" transform="translate(0 63)" /> -->
- <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 103)" /> -->
- <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 146)" /> -->
- <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 204)" /> -->
-
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">STACK</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="STACK"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2px" transform="translate(6.4 0)">SEMIS</text>
@@ -155,4 +138,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 68)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Sums-src.svg b/res-src/Sums-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">SUMS</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="SUMS"/>
<g transform="translate(7.5 18)">
<rect width="34" height="63.5" rx="5" fill="#fafafa" transform="translate(-2 0)"/>
@@ -47,4 +36,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 34)">NEG</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Switch-src.svg b/res-src/Switch-src.svg
@@ -1,24 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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="7" fill="#0f0" transform="translate(0 80)" /> -->
- <!-- <rect width="45" height="7" fill="#0f0" transform="translate(0 199)" /> -->
- <!-- <rect width="45" height="7" fill="#0f0" transform="translate(0 318)" /> -->
-
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">SWTCH</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="SWTCH"/>
<g transform="translate(0 18)">
<g transform="translate(5.5 0)">
@@ -75,4 +59,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Switch1616-src.svg b/res-src/Switch1616-src.svg
@@ -1,24 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="330" height="380" viewBox="0 0 330 380">
+<module hp="22">
<style/>
- <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"/>
- <polyline points="0,0 330,0 330,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
-
- <!-- <rect width="95" height="20" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="95" 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)" /> -->
-
- <!-- <rect width="330" height="330" fill="#0f0" transform="translate(0 25)" /> -->
- <!-- <rect width="195" height="195" fill="#00f" transform="translate(135 25)" /> -->
-
- <text class="title" x="98.5" y="19" font-size="12pt" letter-spacing="4px">SWITCH1616</text>
- <g transform="translate(125 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>
+ <def xlink:href="#module" var-name="SWITCH1616"/>
<rect width="56" height="302" rx="5" fill="#fafafa" transform="translate(5.5 9)"/>
<rect width="302" height="56" rx="5" fill="#bbb" transform="translate(22.5 302)"/>
@@ -515,4 +499,4 @@
<text font-size="6pt" letter-spacing="1px" transform="translate(249.8 252)">P</text>
<polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(252.5 240)"/>
</g>
-</svg>
+</module>
diff --git a/res-src/Switch44-src.svg b/res-src/Switch44-src.svg
@@ -1,24 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
+<module hp="10">
<style/>
- <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="150" height="24" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 22)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 78)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 134)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 190)" /> -->
- <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 245)" /> -->
-
- <text class="title" x="19" y="19" font-size="12pt" letter-spacing="4px">SWITCH44</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>
+ <def xlink:href="#module" var-name="SWITCH44"/>
<g transform="translate(13.5 42.5)">
<text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text>
@@ -134,4 +118,4 @@
<!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(59 0)" /> -->
<!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(91 0)" /> -->
<!-- <polyline points="0,0 0,380" stroke-width="1" stroke="#0f0" transform="translate(123 0)" /> -->
-</svg>
+</module>
diff --git a/res-src/Switch88-src.svg b/res-src/Switch88-src.svg
@@ -1,21 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="330" height="380" viewBox="0 0 330 380">
+<module hp="22">
<style/>
- <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"/>
- <polyline points="0,0 330,0 330,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(220 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 0)" /> -->
-
- <text class="title" x="109" y="19" font-size="12pt" letter-spacing="4px">SWITCH88</text>
- <g transform="translate(125 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>
+ <def xlink:href="#module" var-name="SWITCH88"/>
<g transform="translate(5.5 25)">
<rect width="34" height="293" rx="5" fill="#fafafa" transform="translate(0 0)"/>
@@ -266,4 +253,4 @@
<!-- <rect width="330" height="11" fill="#0f0" transform="translate(0 274)" /> -->
<!-- <rect width="8" height="380" fill="#0f0" transform="translate(77 0)" /> -->
-</svg>
+</module>
diff --git a/res-src/TenHP-src.svg b/res-src/TenHP-src.svg
@@ -1,15 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
+<module hp="10">
<style/>
- <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">10HP10HP</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>
-</svg>
+ <def xlink:href="#module" var-name="10HP10HP"/>
+</module>
diff --git a/res-src/Test-src.svg b/res-src/Test-src.svg
@@ -1,24 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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>
+ <def xlink:href="#module3" var-name="test"/>
<g transform="translate(0 10)">
<!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1</text> -->
@@ -73,4 +57,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Test2-src.svg b/res-src/Test2-src.svg
@@ -1,17 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
+<module hp="6">
<style/>
- <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>
+ <def xlink:href="#module6" var-name="TEST2"/>
<g transform="translate(0 30)">
<text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1A</text>
@@ -103,4 +94,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 35)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/TestExpanderBase-src.svg b/res-src/TestExpanderBase-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">TEB</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="TEB"/>
<g transform="translate(0 245)">
<def id="COM_LIGHT" xlink:href="#light-small" transform="translate(10 0.5)"/>
@@ -34,4 +23,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/TestExpanderExtension-src.svg b/res-src/TestExpanderExtension-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">TEE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="TEE"/>
<g transform="translate(0 280)">
<def id="COM_LIGHT" xlink:href="#light-small" transform="translate(10 0.5)"/>
@@ -27,4 +16,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/TestVCF-src.svg b/res-src/TestVCF-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="180" height="380" viewBox="0 0 180 380">
+<module hp="12">
<style/>
<defs>
@@ -36,16 +36,7 @@
</symbol>
</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"/>
- <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
-
- <text class="title" x="70" y="19" font-size="12pt" letter-spacing="4px">VCF</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>
+ <def xlink:href="#module" var-name="VCF"/>
<g transform="translate(20 50)">
<!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> -->
@@ -142,4 +133,4 @@
<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>
</g>
-</svg>
+</module>
diff --git a/res-src/ThirteenHP-src.svg b/res-src/ThirteenHP-src.svg
@@ -1,15 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="195" height="380" viewBox="0 0 195 380">
+<module hp="13">
<style/>
- <rect width="100%" height="100%" fill="#ddd"/>
- <polyline points="1,1 194,1 194,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
- <polyline points="0.5,0.5 194.5,0.5 194.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
- <polyline points="0,0 195,0 195,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
-
- <text class="title" x="39" y="19" font-size="12pt" letter-spacing="4px">13HP-13HP</text>
- <g transform="translate(58 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>
-</svg>
+ <def xlink:href="#module" var-name="13HP-13HP"/>
+</module>
diff --git a/res-src/ThirtyHP-src.svg b/res-src/ThirtyHP-src.svg
@@ -1,15 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="450" height="380" viewBox="0 0 450 380">
+<module hp="30">
<style/>
- <rect width="100%" height="100%" fill="#ddd"/>
- <polyline points="1,1 449,1 449,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
- <polyline points="0.5,0.5 449.5,0.5 449.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
- <polyline points="0,0 450,0 450,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
-
- <text class="title" x="47" y="19" font-size="12pt" letter-spacing="4px">THIRTY(30) HP - THIRTY(30) HP</text>
- <g transform="translate(185 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>
-</svg>
+ <def xlink:href="#module" var-name="THIRTY(30) HP - THIRTY(30) HP"/>
+</module>
diff --git a/res-src/ThreeHP-src.svg b/res-src/ThreeHP-src.svg
@@ -1,17 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">3HP</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
-</svg>
+ <def xlink:href="#module3" var-name="3HP"/>
+</module>
diff --git a/res-src/TwelveHP-src.svg b/res-src/TwelveHP-src.svg
@@ -1,15 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="180" height="380" viewBox="0 0 180 380">
+<module hp="12">
<style/>
- <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 class="title" x="32" y="19" font-size="12pt" letter-spacing="4px">12HP-12HP</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>
-</svg>
+ <def xlink:href="#module" var-name="12HP-12HP"/>
+</module>
diff --git a/res-src/TwentyFiveHP-src.svg b/res-src/TwentyFiveHP-src.svg
@@ -1,15 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="375" height="380" viewBox="0 0 375 380">
+<module hp="25">
<style/>
- <rect width="100%" height="100%" fill="#ddd"/>
- <polyline points="1,1 374,1 374,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
- <polyline points="0.5,0.5 374.5,0.5 374.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
- <polyline points="0,0 375,0 375,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
-
- <text class="title" x="58" y="19" font-size="12pt" letter-spacing="4px">25HP-25HP-25HP-25HP</text>
- <g transform="translate(148 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>
-</svg>
+ <def xlink:href="#module" var-name="25HP-25HP-25HP-25HP"/>
+</module>
diff --git a/res-src/TwentyHP-src.svg b/res-src/TwentyHP-src.svg
@@ -1,15 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="300" height="380" viewBox="0 0 300 380">
+<module hp="20">
<style/>
- <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"/>
-
- <text class="title" x="55" y="19" font-size="12pt" letter-spacing="4px">20HP-20HP-20HP</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>
-</svg>
+ <def xlink:href="#module" var-name="20HP-20HP-20HP"/>
+</module>
diff --git a/res-src/TwentyTwoHP-src.svg b/res-src/TwentyTwoHP-src.svg
@@ -1,15 +1,6 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="330" height="380" viewBox="0 0 330 380">
+<module hp="22">
<style/>
- <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"/>
- <polyline points="0,0 330,0 330,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
-
- <text class="title" x="70" y="19" font-size="12pt" letter-spacing="4px">22HP-22HP-22HP</text>
- <g transform="translate(125 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>
-</svg>
+ <def xlink:href="#module" var-name="22HP-22HP-22HP"/>
+</module>
diff --git a/res-src/UMix-src.svg b/res-src/UMix-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">UMIX</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="UMIX"/>
<!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
@@ -37,4 +26,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.5 33)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Unison-src.svg b/res-src/Unison-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -20,18 +20,7 @@
</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">UNISON</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="UNISON"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text>
@@ -68,4 +57,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/VCA-src.svg b/res-src/VCA-src.svg
@@ -1,24 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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">VCA</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="VCA"/>
<!-- <rect width="45" height="18" fill="#0f0" transform="translate(0 0)" /> -->
@@ -72,4 +56,4 @@
</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)" /> -->
-</svg>
+</module>
diff --git a/res-src/VCAmp-src.svg b/res-src/VCAmp-src.svg
@@ -1,24 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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>
+ <def xlink:href="#module3" var-name="VCAMP"/>
<g transform="translate(0 18)">
<def xlink:href="#sliderdial-db-183" transform="translate(0 0)"/>
@@ -41,4 +25,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/VCF-src.svg b/res-src/VCF-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
+<module hp="10">
<style/>
<defs>
@@ -119,16 +119,7 @@
</symbol>
</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"/>
- <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
-
- <text class="title" x="54.5" y="19" font-size="12pt" letter-spacing="4px">VCF</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>
+ <def xlink:href="#module" var-name="VCF"/>
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(75 0)" /> -->
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(7 0)" /> -->
@@ -214,4 +205,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/VCM-src.svg b/res-src/VCM-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
+<module hp="10">
<style/>
<defs>
@@ -20,24 +20,7 @@
</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)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(8.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(46.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(75 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(103.5 0)" /> -->
- <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(141.5 0)" /> -->
-
- <text class="title" x="52" y="19" font-size="12pt" letter-spacing="4px">VCM</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>
+ <def xlink:href="#module" var-name="VCM"/>
<g transform="translate(0 32)">
<g transform="translate(10 1)">
@@ -140,4 +123,4 @@
<!-- <rect width="150" height="20" fill="#0f0" transform="translate(0 207)" /> -->
<!-- <rect width="150" height="20" fill="#0f0" transform="translate(0 274)" /> -->
<!-- <rect width="150" height="20" fill="#0f0" transform="translate(0 342)" /> -->
-</svg>
+</module>
diff --git a/res-src/VCO-src.svg b/res-src/VCO-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
+<module hp="10">
<style/>
<defs>
@@ -20,19 +20,7 @@
</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>
+ <def xlink:href="#module" var-name="VCO"/>
<g transform="translate(21 25)">
<!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> -->
@@ -158,4 +146,4 @@
</g>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/VU-src.svg b/res-src/VU-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -67,23 +67,7 @@
</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">VU</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="VU"/>
<g transform="translate(0 18)">
<use id="VU_WIDGET" xlink:href="#vu-vu" transform="translate(13.5 -1)"/>
@@ -108,4 +92,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(15 67)">R</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Walk-src.svg b/res-src/Walk-src.svg
@@ -1,19 +1,8 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
- <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>
+ <def xlink:href="#module3" var-name="WALK"/>
<!-- <polyline points="0,0 0,300" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
@@ -55,4 +44,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/Walk2-src.svg b/res-src/Walk2-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="210" height="380" viewBox="0 0 210 380">
+<module hp="14">
<style/>
<defs>
@@ -8,20 +8,7 @@
</symbol>
</defs>
- <rect width="100%" height="100%" fill="#ddd"/>
- <polyline points="1,1 209,1 209,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
- <polyline points="0.5,0.5 209.5,0.5 209.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
- <polyline points="0,0 210,0 210,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
-
- <!-- <rect width="70" height="20" fill="#0f0" transform="translate(0 0)" /> -->
- <!-- <rect width="70" height="20" fill="#0f0" transform="translate(140 0)" /> -->
- <!-- <rect width="65" height="20" fill="#0f0" transform="translate(0 360)" /> -->
- <!-- <rect width="65" height="20" fill="#0f0" transform="translate(145 360)" /> -->
- <text class="title" x="69" y="19" font-size="12pt" letter-spacing="4px">WALK2</text>
- <g transform="translate(65 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>
+ <def xlink:href="#module" var-name="WALK2"/>
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 0)" /> -->
<!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(54.5 0)" /> -->
@@ -142,4 +129,4 @@
</g>
<def id="JUMP_MODE_PARAM" xlink:href="#button-small" transform="translate(26 9.7)"/>
</g>
-</svg>
+</module>
diff --git a/res-src/XCO-src.svg b/res-src/XCO-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="300" height="380" viewBox="0 0 300 380">
+<module hp="20">
<style/>
<defs>
@@ -20,19 +20,7 @@
</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>
+ <def xlink:href="#module" var-name="XCO"/>
<g transform="translate(20 25)">
<!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> -->
@@ -273,4 +261,4 @@
<text font-size="6pt" letter-spacing="2px" transform="translate(5 40)">MIX</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/XFade-src.svg b/res-src/XFade-src.svg
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
+<module hp="3">
<style/>
<defs>
@@ -49,20 +49,7 @@
</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-width="0.5" stroke="#0f0" transform="translate(22.5 0)" /> -->
-
- <g transform="rotate(-90) translate(-376 13)">
- <text class="title" font-size="7pt" letter-spacing="2.5px">XFADE</text>
- <g transform="translate(0 12)">
- <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
- <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
- </g>
- </g>
+ <def xlink:href="#module3" var-name="XFADE"/>
<g transform="translate(0 25)">
<text font-size="6pt" letter-spacing="1px" transform="translate(14 0)">MIX</text>
@@ -102,4 +89,4 @@
<text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">MIX</text>
</g>
</g>
-</svg>
+</module>
diff --git a/res-src/defs.svg b/res-src/defs.svg
@@ -1,6 +1,68 @@
<?xml version="1.0"?>
-<svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<defs>
+ <symbol id="module-background">
+ <rect class="module-background background-fill" width="$width" height="$height"/>
+ </symbol>
+
+ <symbol id="module-border">
+ <polyline class="module-border-inner" points="1,1 $width-1,1 $width-1,$height-1 1,$height-1 1,1" stroke-width="0.5" fill="none"/>
+ <polyline class="module-border-middle" points="0.5,0.5 $width-0.5,0.5 $width-0.5,$height-0.5 0.5,$height-0.5 0.5,0.5" stroke-width="0.8" fill="none"/>
+ <polyline class="module-border-outer" points="0,0 $width,0 $width,$height 0,$height 0,0" stroke-width="1" fill="none"/>
+ </symbol>
+
+ <symbol id="module">
+ <def xlink:href="#module-background"/>
+ <def xlink:href="#module-border"/>
+ <text class="title" font-size="12pt" letter-spacing="${letterspacing}px" default-letterspacing="4" text-anchor="middle" transform="translate($width/2.0 19)">$name</text>
+ <g transform="translate(0 374)">
+ <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate($width/2.0 0)">BOGAUDIO</text>
+ <rect class="background-fill" width="3" height="3" transform="translate($width/2.0-15.5 -5)"/>
+ </g>
+ </symbol>
+
+ <symbol id="module8">
+ <def xlink:href="#module-background"/>
+ <def xlink:href="#module-border"/>
+ <text class="title" font-size="9pt" letter-spacing="${letterspacing}px" default-letterspacing="3" text-anchor="middle" transform="translate($width/2.0 19)">$name</text>
+ <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>
+ </symbol>
+
+ <symbol id="module6">
+ <def xlink:href="#module-background"/>
+ <def xlink:href="#module-border"/>
+ <text class="title" font-size="9pt" letter-spacing="${letterspacing}px" default-letterspacing="3" text-anchor="end" transform="translate($width-7.0 17)">$name</text>
+ <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>
+ </symbol>
+
+ <symbol id="module5">
+ <def xlink:href="#module-background"/>
+ <def xlink:href="#module-border"/>
+ <text class="title" font-size="9pt" letter-spacing="${letterspacing}px" default-letterspacing="3" text-anchor="end" transform="translate($width-7.0 17)">$name</text>
+ <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>
+ </symbol>
+
+ <symbol id="module3">
+ <def xlink:href="#module-background"/>
+ <def xlink:href="#module-border"/>
+ <g transform="rotate(-90) translate(4-$height 13)">
+ <text class="title" font-size="7pt" letter-spacing="${letterspacing}px" default-letterspacing="2.5">$name</text>
+ <g transform="translate(0 12)">
+ <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
+ <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
+ </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"/>
diff --git a/res-src/styles.css b/res-src/styles.css
@@ -11,3 +11,16 @@ text.brand {
font-family: 'Audiowide', sans-serif;
font-weight: bold;
}
+
+rect.module-background, .background-fill {
+ fill: #ddd;
+}
+polyline.module-border-inner {
+ stroke: #e4e4e4;
+}
+polyline.module-border-middle {
+ stroke: #ebebeb;
+}
+polyline.module-border-outer {
+ stroke: #f2f2f2;
+}
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
@@ -38,12 +38,16 @@ rescue => e
exit 1
end
-def read_xml(fn)
- Nokogiri::XML(File.open(fn)) do |config|
+def parse_xml(s)
+ Nokogiri::XML(s) do |config|
config.norecover.strict
end
end
+def read_xml(fn)
+ parse_xml(File.open(fn))
+end
+
$src_dir = nil
$pp_dir = nil
def load_directories()
@@ -115,9 +119,9 @@ def load_defs(force = false)
if File.readable?(fn)
doc = read_xml(fn)
doc.css('defs symbol').each do |n|
- id = n.at_css('@id').to_s
- unless id
- STDERR.puts("Symbol in #{fn} with missing ID: #{n.to_s}")
+ id = n['id'].to_s
+ unless id && !id.empty?
+ STDERR.puts "Symbol in #{fn} with missing ID: #{n.to_s}"
exit 1
end
$defs[id] = n
@@ -198,6 +202,126 @@ def write_output(name, doc, styles)
puts "Wrote #{fn}"
end
+def process_def(doc, n)
+ id = n.attribute('href').to_s
+ if id
+ id.sub!(/^#/, '')
+ d = $defs[id]
+ if d
+ nn = d.dup
+ nn.node_name = 'svg'
+ nn.delete('viewBox')
+ nn.delete('id')
+
+ g = Nokogiri::XML::Node.new('g', doc)
+ g.add_child(nn)
+ n.replace(g)
+
+ n.each do |k, v|
+ case k
+ when 'id'
+ if !v.to_s.empty?
+ nn['id'] = v
+ end
+ when 'transform'
+ if !v.to_s.empty?
+ g['transform'] = v
+ end
+ when /^var-(\w+)$/
+ g[k] = v
+ end
+ end
+
+ nn.css('def').each do |dn|
+ process_def(doc, dn)
+ end
+ 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
+
+def variable_value(k, vars, defaults)
+ v = nil
+ vars.reverse_each do |vs|
+ if vs.key?(k)
+ v = vs[k]
+ break
+ end
+ end
+
+ if v.nil?
+ if defaults.key?(k)
+ v = defaults[k]
+ else
+ v = 0.0
+ end
+ end
+
+ v
+end
+
+def eval_expressions(s, vars, defaults)
+ s.gsub!(/\$\{(\w+)\}/) do
+ variable_value($1, vars, defaults)
+ end
+
+ s.gsub!(/\$(\w+)/) do
+ variable_value($1, vars, defaults)
+ end
+
+ if s =~ /[\+\-\*\/]/
+ s.gsub!(/\d+(\.\d+)?([\+\-\*\/]\d+(\.\d+)?)*/) do |m|
+ eval(m)
+ end
+ end
+
+ s
+end
+
+def process_variables(n, vars)
+ default_vars = {}
+ n.each do |k, v|
+ if k =~ /^default-(\w+)$/
+ default_vars[$1] = v
+ n.delete(k)
+ end
+ end
+
+ n.each do |k, v|
+ n[k] = eval_expressions(v.to_s, vars, default_vars)
+ end
+
+ pop = false
+ case n.node_name
+ when 'g'
+ vs = {}
+ n.each do |k, v|
+ if k =~ /^var-(\w+)$/
+ vs[$1] = v
+ n.delete(k)
+ end
+ end
+ vars.push(vs)
+ pop = true
+ when 'text'
+ n.traverse do |t|
+ if t.text?
+ t.content = eval_expressions(t.content, vars, default_vars)
+ end
+ end
+ end
+
+ n.elements.each do |nn|
+ process_variables(nn, vars)
+ end
+ vars.pop if pop
+end
+
def process(name)
load_directories()
load_styles()
@@ -210,11 +334,30 @@ def process(name)
end
doc = read_xml(fn)
+ hp = 3
+
+ root = doc.at_css(':root')
+ if root.node_name == 'module'
+ if root['hp'] && !root['hp'].to_s.empty?
+ hp = root['hp'].to_s.to_i
+ end
+ root.node_name = 'svg'
+ root['xmlns'] = 'http://www.w3.org/2000/svg'
+ root['xmlns:xlink'] = 'http://www.w3.org/1999/xlink'
+ root['version'] = '1.1'
+ root['width'] = (hp * 15).to_s
+ root['height'] = '380'
+ root['viewBox'] = "0 0 #{root['width']} #{root['height']}"
+ root.delete('hp')
+
+ doc = parse_xml(doc.to_xml)
+ end
+
doc.css('defs import').each do |n|
id = n.attribute('id').to_s
if id
d = $defs[id]
- if d
+ if d
n.replace(d)
else
puts "WARN: no def for import ID '#{id}' in #{fn}"
@@ -227,34 +370,20 @@ def process(name)
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
+ process_def(doc, n)
+ end
+
+ doc.xpath('//comment()').each(&:remove)
+
+ globals = {}
+ globals['hp'] = hp
+ globals['width'] = hp * 15.0
+ globals['height'] = 380.0
+ vars = [globals]
+ process_variables(doc.at_css(':root'), vars)
+
+ doc.css('g').each do |n|
+ n.replace(n.children) if n.keys.empty?
end
name = widget_from_filename(fn)
@@ -308,7 +437,7 @@ def listen(prefixes)
reprocess(prefixes)
end
rescue => e
- STDERR.puts("Error processing #{fn}:\n#{e}")
+ STDERR.puts "Error processing #{fn}:\n#{e}"
end
end
@@ -323,7 +452,7 @@ def listen(prefixes)
process(fn)
end
rescue => e
- STDERR.puts("Error processing #{fn}:\n#{e}")
+ STDERR.puts "Error processing #{fn}:\n#{e}"
end
end
@@ -343,13 +472,12 @@ def listen(prefixes)
begin
f = File.join($pp_dir, f)
File.unlink(f)
- puts "Removed #{f}"
rescue Errno::ENOENT => e
end
end
end
rescue => e
- STDERR.puts("Error processing #{fn}:\n#{e}")
+ STDERR.puts "Error processing #{fn}:\n#{e}"
end
end
end
diff --git a/src/Test.cpp b/src/Test.cpp
@@ -502,9 +502,11 @@ float Test::index3() {
struct TestWidget : ModuleWidget {
+ static constexpr int hp = 3;
+
TestWidget(Test* module) {
setModule(module);
- box.size = Vec(RACK_GRID_WIDTH * 3, RACK_GRID_HEIGHT);
+ box.size = Vec(RACK_GRID_WIDTH * hp, RACK_GRID_HEIGHT);
{
SvgPanel *panel = new SvgPanel();
diff --git a/src/Test2.cpp b/src/Test2.cpp
@@ -105,9 +105,11 @@ void Test2::processChannel(const ProcessArgs& args, int _c) {
struct Test2Widget : ModuleWidget {
+ static constexpr int hp = 6;
+
Test2Widget(Test2* module) {
setModule(module);
- box.size = Vec(RACK_GRID_WIDTH * 6, RACK_GRID_HEIGHT);
+ box.size = Vec(RACK_GRID_WIDTH * hp, RACK_GRID_HEIGHT);
{
SvgPanel *panel = new SvgPanel();
