-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
310 lines (272 loc) · 39.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
<!doctype html>
<html>
<head>
<title> web audio api custom sounds </title>
<style>
body {
font-family: Tahoma, sans-serif;
}
h1 {
text-align: center;
}
td {
border: #000 solid 1px;
font-size: 50px;
font-family: monospace;
}
button {
height: 30px;
}
.note:hover {
background-color: #7FFF00;
}
.preset {
border-left: 1px solid #000;
padding-left: 1%;
}
#nodeArea {
position: relative;
width: 100%;
height: 100%;
min-height: 1000px;
}
#keyboard {
text-align: center;
width: 50%;
}
#visualizer {
width: 40%;
height: 80%;
}
#keys {
margin: 0 auto;
}
#editNode {
display: none;
width: 100%;
height: 100%;
/*border: 1px solid #000;*/
text-align: center;
}
#keyboardSection {
width: 100%;
text-align: center;
}
#keyboardSection > * {
display: inline-block;
}
#vizCanvas {
width: 100%;
height: 100%;
border: 1px solid #000;
}
#toggleViz {
border: 3px solid rgb(0, 204, 0);
}
</style>
</head>
<body>
<h1> soundmaker (WIP)</h1>
<p> make sounds! - click on a piano key to play a note after hooking up an oscillator to a gain node.</p>
<p> when connecting nodes, if you want to cancel/abort creating a connection, just right-click on any node. </p>
<p> double-click a node to edit its parameters. </p>
<p> currently the ADSR envelope can only be used for gain nodes. </p>
<p><b> to use this preset, download it and import it into my piano roll app <a href='https://syncopika.github.io/piano_roll_browser/'>here</a> (please note this feature is still experimental!)</b></p>
<br />
<hr />
<div>
<button id='addWavNode'>
Add a new wave node
</button>
<button id='addGainNode'>
Add a new gain node
</button>
<button id='addNoiseNode'>
Add a new noise node
</button>
<button id='addFilterNode'>
Add a new filter node
</button>
<button id='addADSRNode'>
Add a new ADSR envelope
</button>
<button id='download'>
download preset
</button>
<button id='import'>
import preset
</button>
<input type='file' id='importInstrumentPresetInput' style='display: none'></input>
<label for="demos">select a demo preset: </label>
<select id="demos">
<option></option>
<option>belltone</option>
<option>delaySine</option>
<option>noisySine</option>
<option>dissonant</option>
</select>
</div>
<hr />
<div id='keyboardSection'>
<div id='keyboard'>
<svg
width="132mm"
height="91mm"
viewBox="0 0 132 91"
version="1.1"
>
<path
style="fill:transparent;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 8.3154749,9.2604168 c 0.423949,11.9752102 0.755954,23.9258712 0.755954,35.9077362 0,10.961999 -0.188989,21.9206 -0.188989,32.88393 0,0.17756 -0.07498,3.89377 0,3.96875 0.445449,0.44545 1.2600991,-0.015 1.8898811,0 3.954844,0.0942 5.890411,0.13253 9.449403,0.37798 8.227349,0.68561 -3.67888,-0.24336 4.535715,0.18898 4.098587,0.21572 -0.220773,0.18899 1.889882,0.18899 0.179165,0 0.599001,-0.0785 0.755952,0 0.0492,0.0246 0.23024,0.33673 0.377975,0.18899 0.107482,-0.10748 0,-6.80629 0,-7.37054 0,-3.10218 -0.05434,-6.16362 -0.188986,-9.26041 -0.267142,-6.144264 0,-12.367004 0,-18.520837 0,-3.653769 0,-7.307538 0,-10.961309 0,-2.300798 0.15331,-4.692877 0,-6.992559 -0.2476,-3.713972 -0.345916,-7.459961 -0.755954,-11.150298 -0.08497,-0.764733 -0.421892,-1.5425 -0.566963,-2.267855 -0.08648,-0.432411 0.08648,-0.890508 0,-1.322917 -0.01746,-0.08736 -0.16738,-0.10256 -0.188989,-0.188989 -0.09016,-0.360654 0.07278,-0.770006 0,-1.133927 0.06564,-0.384525 -0.311444,-0.612286 -0.377976,-0.944941 -0.174818,-0.874088 -0.322053,-5.0467552 -0.755951,-5.4806562 -0.09488,-0.09487 -3.683604,0.377976 -4.913691,0.377976 -1.826885,0 -3.653772,0 -5.480656,0 -1.382292,0 -2.846216,-0.138891 -4.157737,0.188989 -0.7058521,0.176464 -2.1151101,-0.152747 -2.6458331,0.377976 -0.108207,0.108206 -0.586496,1.114396 -0.377976,1.322916 0.355166,0.355166 0.649388,-1.560181 0.944939,-0.377975 0.102494,0.409971 -0.450869,0.727598 -0.566963,1.1339272 -0.02447,0.08566 0.160814,0.104471 0.188987,0.188989 0.05561,0.166825 0,0.557414 0,0.755952"
id="C"
class="note" />
<path
style="fill:transparent;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 24.568453,7.1815478 c 0.976632,0.657638 2.108462,0.293026 3.212795,0.377976 1.326097,0.102008 2.644249,0.289677 3.96875,0.377976 1.887808,0.125854 3.998116,0.121097 5.858632,-0.188989 1.526093,-0.25435 3.391016,0 4.913691,0 0.300045,0 2.032439,-0.235416 2.267857,0 0.53212,0.532119 0.26646,1.787755 0.377976,2.4568462 0.09093,0.545587 0.29537,1.122654 0.377976,1.700893 0.153884,1.077198 0,2.323303 0,3.401785 0,2.598671 -0.02736,5.162436 -0.188989,7.748513 -0.156433,2.50295 0.227041,5.062082 0,7.559522 -0.142875,1.571651 -0.272841,3.147687 -0.377976,4.724704 -0.07124,1.068559 0.07124,2.144236 0,3.212795 -0.293579,4.403707 -0.528122,8.820439 -0.188987,13.229167 0.144055,1.87271 -0.06699,3.793858 0,5.669645 0.12605,3.529399 0.182158,7.058622 0.377976,10.583332 0.06265,1.12775 -0.09378,2.27644 0,3.40179 0.240393,2.8847 0.188987,5.7888 0.188987,8.69345 0,0.54795 0.07762,1.15759 0,1.70089 -0.106395,0.74478 -0.377976,1.3356 -0.377976,2.07887 0,0.54798 -0.233998,1.13393 -0.188987,1.13393 0.09663,0 0.05573,-0.83652 -0.377975,-0.94494 -1.366925,-0.34173 -3.329443,0.15982 -4.724705,-0.18899 -1.371309,-0.34283 -2.781038,-0.5265 -4.157736,-0.75595 -0.384524,0.0656 -0.612286,-0.31145 -0.944941,-0.37798 -0.743254,-0.14865 -1.521576,-0.0646 -2.267858,-0.18899 -0.910089,-0.15168 -1.785117,-0.28005 -2.645833,-0.56696 -0.600906,-0.2003 -1.646002,0 -2.267857,0"
id="D"
class="note" />
<path
style="fill:transparent;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 44.412203,7.3705348 c 0.251983,-0.063 0.499745,-0.146286 0.755951,-0.188987 1.528329,-0.254722 3.182083,0.15426 4.724702,0 2.216377,-0.221638 4.98281,-0.549685 7.181548,0 0.570979,0.142743 0.986457,-0.07374 1.511903,0.188987 0.830064,0.415031 2.429259,-0.405564 3.023812,0.188989 0.08626,0.08626 -0.0097,1.405197 0,1.511903 0.194945,2.1444032 0.188987,4.2617502 0.188987,6.4255972 0,2.568131 0.150674,5.187042 0,7.748511 -0.211974,3.603559 -0.668476,7.178262 -0.944941,10.772322 -0.155689,2.023967 -0.12717,4.041167 -0.377976,6.047618 -0.293666,2.349328 0,5.175928 0,7.559524 0,4.804585 -0.407114,9.841543 0.377976,14.552084 0.08172,0.49035 -0.08173,1.02156 0,1.5119 0.53291,3.19746 0.755954,6.36987 0.755954,9.6384 0,1.6643 0.358037,3.81963 -0.377978,5.29166 -0.113033,0.22607 0.05949,0.70699 0,0.94494 -0.269222,1.0769 -0.457822,2.23857 -0.944939,3.2128 -0.05705,0.11411 0.08736,0.4796 0,0.56697 -0.61242,0.61241 -3.660584,0.37797 -4.724704,0.37797 -3.916505,0 -7.799078,-0.18899 -11.717261,-0.18899"
id="E"
class="note" />
<path
style="fill:transparent;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 61.42113,7.5595238 c 3.077141,-0.130394 6.419051,-1.199105 9.449401,-0.188989 1.06545,0.355147 2.1757,-0.235067 3.40179,0.377976 0.30853,0.154268 1.27325,-0.238652 1.5119,0 0.13952,0.139515 0,1.396439 0,1.511906 0,2.7854322 0.18899,5.3221702 0.18899,8.1264862 0,10.961312 0,21.922621 0,32.88393 0,6.465337 0.34209,13.10243 -0.56696,19.46577 -0.3371,2.35969 0.27405,4.86633 -0.18899,7.18155 -0.10997,0.54986 0.0993,7.08225 0,7.18155 -0.10995,0.10995 -3.17582,0.37797 -3.59077,0.37797 -1.06043,0 -2.3532,0.20972 -3.40179,0 -0.99246,-0.19849 -2.01047,-0.39807 -3.02381,-0.56696 -0.52067,-0.0868 -0.82316,-0.0224 -1.32292,-0.18899 -0.86851,-0.2895 -3.821131,0 -4.913685,0"
id="F"
class="note" />
<path
style="fill:transparent;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 75.595241,7.7485108 c 3.53776,-0.396394 7.29136,-0.377976 10.96131,-0.377976 0.73516,0 2.50821,-0.137615 3.0238,0.377976 0.36142,0.361415 0.4267,5.5839492 0.56697,6.4255962 0.70841,4.250428 0.0457,9.747851 -0.37798,13.985118 -0.16851,1.685089 0.14067,3.414639 0,5.102678 -0.26071,3.128584 -0.18899,6.293088 -0.18899,9.449406 0,1.991021 -0.13246,4.060608 0,6.047618 0.0591,0.887111 0.24366,1.461921 0.37798,2.267857 0.1941,1.164572 0.0425,2.418469 0.18899,3.590775 0.20416,1.63328 0.38529,3.278584 0.56696,4.91369 0.23433,2.108973 -0.29992,4.326154 0,6.425594 0.38788,2.71512 0.18899,5.55917 0.18899,8.31548 0,2.07887 0,4.15774 0,6.2366 0,0.64144 0.26431,2.49519 0,3.02381 -0.0221,0.0442 -0.50645,-0.0151 -0.56696,0 -0.51155,-0.32119 -0.48869,0.28889 -0.75596,0.37798 -0.34017,0.11339 -0.79375,-0.11339 -1.13392,0 -0.688,0.22933 -1.16729,0.0987 -1.88988,0.18899 -3.95283,0.4941 -7.76543,-0.37798 -11.71727,-0.37798"
id="G"
class="note" />
<path
style="fill:transparent;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 89.391371,7.5595238 c 4.51601,0.155853 9.23938,-0.306588 13.607139,0.566963 0.86481,0.172963 1.93077,0 2.83482,0 0.18899,0 0.56696,-0.188987 0.56696,0 0,0.178181 -0.32163,0.208941 -0.37797,0.377978 -0.49235,1.477028 -0.53428,3.5396882 -0.37798,5.1026772 0.0626,0.625475 0.0845,1.451589 0.18899,2.078869 -0.0656,0.384524 0.31145,0.612285 0.37798,0.94494 0.15749,0.787451 -0.105,0.314982 0,0.944941 0.15778,0.94669 0.25974,1.888977 0.37797,2.834823 0.33779,2.702285 0.10668,-2.344142 0.37798,2.267855 0.0991,1.684369 0,3.41395 0,5.10268 0,3.590774 0,7.181548 0,10.772319 0,1.992673 -0.24851,4.248508 0,6.236608 1.07816,8.625255 1.13393,17.361926 1.13393,26.080356 0,3.05906 0.21786,6.28125 -0.37798,9.26042 -0.20531,1.02655 0.0797,3.35163 -0.18899,4.15774 -0.003,0.008 -3.52205,0 -3.77976,0 -1.76389,0 -3.52778,0 -5.291669,0 -0.6985,0 -1.57825,0.13792 -2.26785,0 -0.6405,-0.1281 -1.28493,-0.17633 -1.88988,-0.37798 -0.32876,-0.10958 -0.82749,0.15322 -1.13393,0 -0.0797,-0.0398 -0.10256,-0.16738 -0.18899,-0.18899 -0.5929,-0.14822 -1.29698,0.14823 -1.88988,0 -0.83566,-0.20891 -0.30169,-0.18898 -0.75595,-0.18899"
id="A"
class="note" />
<path
style="fill:transparent;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 106.21131,8.1264868 c 3.31936,-0.378781 6.68729,-0.558885 10.01637,-0.188987 0.48052,0.05339 1.23209,-0.156266 1.70089,0 0.0845,0.02817 0.10256,0.167381 0.18899,0.188987 0.70005,0.175013 1.37879,-0.04437 2.07887,0.188989 0.4341,0.1447 3.03316,-0.179634 3.21279,0 0.12534,0.12533 0,1.171302 0,1.322916 0,2.5828362 0,5.1656752 0,7.7485112 0,1.527175 -0.0377,3.02269 -0.18898,4.535715 0.0796,0.668433 -0.30703,1.251376 -0.37798,1.889882 -0.0696,0.626107 0.0627,1.263046 0,1.889881 -0.12574,1.257393 -0.2727,2.516434 -0.37798,3.779761 -0.2474,2.968847 -0.107,6.489494 0.18899,9.449406 0.0627,0.626832 -0.057,1.262507 0,1.889879 0.1659,1.824942 0.22582,3.654832 0.37798,5.480656 0.30488,3.658632 0,7.480276 0,11.150298 0,5.306922 0.18899,10.569452 0.18899,15.875002 0,2.83482 0,5.66964 0,8.50446 0,0.34023 -0.0609,2.8957 -0.18899,3.02381 -0.16275,0.16274 -2.25128,0.70663 -2.64584,0.75595 -0.62509,0.0781 -1.26478,-0.0781 -1.88988,0 -1.98237,0.2478 -4.01952,0.18899 -6.04762,0.18899 -0.70729,0 -1.57184,0.116 -2.26785,0 -0.47265,-0.0788 -1.0533,-0.41409 -1.51191,-0.56696 -0.49366,-0.16456 -1.02509,-0.13457 -1.5119,-0.37798"
id="B"
class="note" />
<path
style="fill:#000000;stroke-width:0.188988"
d="M 21.669143,43.089051 C 21.60359,39.26913 21.598333,31.508805 21.657449,25.843888 21.758818,16.13169 21.742316,15.366743 21.368217,12.436565 21.150012,10.727454 20.971482,9.015907 20.971482,8.6331264 V 7.9371637 l 1.842635,-0.184277 c 1.013449,-0.1013539 1.90727,-0.1281191 1.986269,-0.059476 0.079,0.068641 0.266015,1.2865523 0.415589,2.7064683 0.149575,1.419918 0.350933,2.733005 0.447458,2.917973 0.09653,0.184968 0.234731,1.016661 0.307116,1.84821 0.07239,0.831546 0.244459,1.979649 0.382386,2.551337 0.671986,2.78533 1.042514,10.687979 1.043384,22.25335 l 7.94e-4,10.063615 h -2.804379 -2.80438 z"
id="path328" />
<path
style="fill:#000000;stroke-width:0.188988"
d="m 27.781225,39.309291 c 0.0277,-12.437486 -0.297636,-19.250745 -1.053587,-22.064361 -0.139634,-0.519718 -0.311669,-1.625298 -0.382297,-2.456844 -0.07063,-0.831548 -0.194857,-1.639819 -0.276063,-1.796158 -0.08121,-0.15634 -0.243721,-1.26192 -0.361148,-2.456847 -0.117425,-1.1949245 -0.257091,-2.3156465 -0.310367,-2.4904885 -0.07947,-0.2607839 0.03201,-0.3149732 0.620498,-0.3016197 1.099531,0.02495 5.391425,0.3464719 5.839177,0.4374356 l 0.397102,0.080674 0.09925,19.1793416 c 0.05459,10.548638 0.05545,19.947628 0.0019,20.886642 l -0.09735,1.707298 h -2.250506 -2.250506 z"
id="path330" />
<path
style="fill:#000000;stroke-width:0.188988"
d="m 39.569552,42.833162 c 0.07283,-4.939527 0.175644,-7.084925 0.393015,-8.201326 0.471911,-2.4237 0.641615,-8.17671 0.524589,-17.783977 L 40.378045,7.8900203 h 2.113158 c 2.094442,0 2.114788,0.00429 2.297467,0.4847722 0.101373,0.2666259 0.184312,0.7883498 0.184312,1.1593856 0,0.3710385 0.09542,1.1946859 0.212037,1.8303319 0.213611,1.164291 -0.03624,17.218427 -0.395939,25.440687 -0.08412,1.922955 -0.218215,5.516092 -0.297987,7.984747 L 44.346057,49.278412 42.91138,49.28 c -0.789075,0.0011 -1.885979,0.05584 -2.437572,0.122086 l -1.002892,0.120386 z"
id="path332" />
<path
style="fill:#000000;stroke-width:0.188988"
d="m 46.669207,49.661045 c -1.572961,-0.203036 -1.884556,-0.430959 -1.88862,-1.381469 -0.0086,-2.00324 0.429181,-12.322781 0.667107,-15.726611 0.145315,-2.078868 0.219554,-4.460118 0.164981,-5.291667 -0.05457,-0.831545 -0.02432,-4.438457 0.06723,-8.015351 0.09547,-3.73004 0.09577,-6.953816 7.93e-4,-7.559524 -0.09116,-0.580842 -0.230903,-1.651389 -0.31054,-2.3789928 C 45.290524,8.5798261 45.18986,7.8569474 45.146464,7.7010311 45.079064,7.4588765 45.449816,7.4175485 47.689546,7.4175485 H 50.31153 L 50.19738,9.118441 c -0.06278,0.935493 -0.112926,10.428017 -0.111429,21.094504 l 0.0027,19.393611 -0.597053,0.11941 c -0.692158,0.13843 -1.367229,0.122904 -2.822332,-0.06492 z"
id="path334" />
<path
style="fill:#000000;stroke-width:0.188988"
d="m 70.436423,44.431862 c -0.05678,-2.791428 -0.247584,-6.757469 -0.424013,-8.813421 -0.2871,-3.345546 -0.295323,-4.337857 -0.07831,-9.449404 0.133363,-3.14122 0.248399,-8.573849 0.255635,-12.072508 0.0072,-3.49866 0.05568,-6.3993926 0.107648,-6.4460757 0.05197,-0.046683 0.944941,-0.00632 1.984375,0.089691 1.039437,0.096012 2.19524,0.1719686 2.568456,0.1687936 l 0.678575,-0.00577 0.124626,4.8432801 c 0.06854,2.663804 0.124624,11.918556 0.124624,20.566112 v 15.722833 l -1.937128,0.130159 c -1.065419,0.07159 -2.244058,0.177742 -2.619192,0.2359 l -0.682067,0.105741 z"
id="path336" />
<path
style="fill:#000000;stroke-width:0.188988"
d="m 76.108769,30.521343 c -0.06032,-23.7046923 -0.06306,-22.3970157 0.04725,-22.500399 0.05197,-0.04871 0.700307,-0.1481666 1.440746,-0.221017 l 1.346251,-0.132453 0.09969,0.5364956 c 0.559578,3.0114454 0.753581,4.7284344 0.797319,7.0565854 0.02832,1.507181 0.105024,2.952938 0.170464,3.212798 0.06544,0.259858 0.212277,1.74814 0.326313,3.307292 0.114033,1.55915 0.285803,3.642744 0.381714,4.630208 0.307697,3.167992 0.380757,9.184468 0.190476,15.686011 -0.101912,3.482107 -0.244107,6.479929 -0.315989,6.66183 -0.113802,0.28798 -0.409006,0.330729 -2.283838,0.330729 H 76.15602 Z"
id="path338" />
<path
style="fill:#000000;stroke-width:0.188988"
d="m 86.186539,41.606358 c 0.09703,-11.935592 -0.287512,-22.668573 -0.960768,-26.815904 -0.101452,-0.624964 -0.188132,-1.56152 -0.192619,-2.081239 -0.0045,-0.519716 -0.131368,-1.455208 -0.281956,-2.078868 -0.15059,-0.62366 -0.275127,-1.5908947 -0.276751,-2.149409 l -0.003,-1.0154814 2.291247,0.08169 c 1.90637,0.067972 2.332021,0.137459 2.533999,0.4136761 0.140843,0.1926193 0.290028,1.1796527 0.35537,2.3512013 0.06194,1.110567 0.19731,2.800911 0.300823,3.756313 0.27127,2.503779 0.224586,7.668382 -0.09705,10.736117 -0.190029,1.81252 -0.317524,6.172534 -0.404802,13.843378 l -0.127405,11.197545 -1.150424,0.0026 c -0.632733,0.0016 -1.354111,0.05709 -1.603063,0.123706 l -0.452641,0.121126 0.06899,-8.486428 z"
id="path340" />
<path
style="fill:#000000;stroke-width:0.188988"
d="m 90.289063,49.905282 c -0.197274,-0.05181 -0.375812,-0.358188 -0.455282,-0.781278 -0.244025,-1.299125 0.09849,-20.322508 0.42268,-23.476161 0.378796,-3.684776 0.425931,-8.497247 0.120253,-12.27717 -0.130289,-1.611122 -0.28453,-3.5246278 -0.342757,-4.252232 l -0.105868,-1.3229167 2.468875,0.057756 2.468874,0.057753 v 9.4041887 c 0,6.520365 -0.06901,9.748067 -0.225054,10.52558 -0.285081,1.4205 -0.279173,5.953604 0.0092,7.074514 0.120346,0.467746 0.302053,1.998551 0.403799,3.401787 0.101743,1.403236 0.313568,3.274219 0.470723,4.157737 0.282228,1.586706 0.402084,6.659784 0.171534,7.260584 -0.09717,0.253217 -0.494628,0.295588 -2.598586,0.277016 -1.366129,-0.01206 -2.629916,-0.06028 -2.808415,-0.107158 z"
id="path342" />
<path
style="fill:#000000;stroke-width:0.188988"
d="m 102.7905,44.411968 c -0.007,-3.092318 -0.0908,-7.791034 -0.18604,-10.441591 -0.0953,-2.650558 -0.2544,-7.668193 -0.35365,-11.150298 -0.0992,-3.482107 -0.23997,-8.168304 -0.31271,-10.413775 l -0.13225,-4.082674 2.01172,0.01942 c 1.70542,0.016457 1.99519,0.06259 1.90318,0.3029109 -0.46688,1.2193561 -0.4193,6.1895891 0.0744,7.7705451 0.10982,0.351685 0.34799,1.659962 0.52928,2.907282 0.28144,1.936422 0.33542,3.980278 0.36939,13.985121 0.029,8.543308 0.11211,12.395565 0.30682,14.221354 l 0.26705,2.50409 h -2.23217 -2.23216 z"
id="path344" />
<path
style="fill:#000000;stroke-width:0.188988"
d="m 107.71327,49.818787 c -0.002,-0.141293 -0.12794,-1.404996 -0.27972,-2.808232 -0.21144,-1.954739 -0.27685,-5.325033 -0.27973,-14.412907 -0.002,-7.655814 -0.0716,-11.977923 -0.19509,-12.189733 -0.10524,-0.18049 -0.32183,-1.263655 -0.48131,-2.407033 -0.15948,-1.143379 -0.36483,-2.504091 -0.45633,-3.023809 -0.2202,-1.250834 -0.22884,-4.535411 -0.0144,-5.4600002 0.26612,-1.1471751 0.45606,-1.2402317 2.80595,-1.3746824 1.16443,-0.066622 2.12488,-0.086878 2.13433,-0.045011 0.0394,0.1744636 0.3732,9.6169666 0.55717,15.7621336 0.10892,3.638021 0.27419,7.379986 0.36728,8.315476 0.0931,0.935493 0.25312,2.55134 0.35561,3.590774 0.48092,4.877372 0.65558,9.540904 0.43348,11.574915 -0.12134,1.111284 -0.32652,2.121329 -0.45596,2.244545 -0.13262,0.126249 -1.16333,0.282173 -2.36146,0.35724 -1.73058,0.108429 -2.12681,0.08542 -2.12987,-0.123676 z"
id="path346" />
<path
style="fill:#000000;stroke-width:0.264583"
id="path350"
d="m 25.338001,26.344657 c -0.109077,0.08436 -0.224567,0.16101 -0.327226,0.253066 -0.291224,0.261152 -0.516953,0.537155 -0.779303,0.826961 -0.119724,0.132252 -0.241734,0.262419 -0.361948,0.394229 -0.07384,0.08096 -0.321455,0.285954 -0.220199,0.244073 0.943329,-0.390176 1.848622,-0.866616 2.772934,-1.299927 0.411993,-0.371758 0.751665,-0.821674 1.177205,-1.179139 0.115279,-0.09684 0.499689,-0.335598 0.370364,-0.258517 -2.161453,1.288296 -2.768069,0.826474 -1.979446,1.361654 0.243522,0.947854 0.0011,1.93071 0.06429,2.892658 0.0098,0.149596 0.04277,0.29677 0.06415,0.445154 0.06386,0.413025 0.366427,0.704037 0.546711,1.060902 0.167688,0.331925 0.204785,0.51009 0.32538,0.886399 0.382177,1.627164 0.450725,3.306006 0.507185,4.970227 0.03228,1.263335 0.0369,2.527178 0.03466,3.790858 -0.0062,0.945313 -0.0088,1.889162 -0.08682,2.831467 -0.104482,0.819169 -0.213479,1.637207 -0.286221,2.45994 -0.117433,0.506407 -0.13335,1.030989 -0.24238,1.537642 -0.115318,0.23455 -0.185668,0.483298 -0.325596,0.706101 -0.03742,0.0596 -0.187201,0.203864 -0.125746,0.16958 2.404049,-1.341155 2.520339,-0.523468 2.252911,-1.630278 -0.43484,-2.184199 -0.425365,-4.425794 -0.519816,-6.642812 -0.08367,-1.676802 -0.15961,-3.352207 -0.09039,-5.030279 0.0073,-1.002522 0.231511,-1.977464 0.515586,-2.932772 0.245258,-0.827166 0.52951,-1.642141 0.78315,-2.466967 0.402535,-1.050507 0.555813,-2.163087 0.681816,-3.273922 0.139052,-1.362009 0.185375,-2.730947 0.223814,-4.098745 0.03577,-0.830149 0.07803,-1.525206 -0.183092,-2.322835 -0.681138,-1.322851 -1.342406,-2.653745 -1.980009,-3.998373 -0.645121,-1.417968 -1.236136,-2.861032 -1.585222,-4.381852 -0.191331,-1.005858 -0.229968,-2.0329262 -0.21599,-3.0543812 0.0065,-0.05444 0.06806,-0.188749 0.01947,-0.163333 -0.842415,0.440669 -1.716143,0.850564 -2.461482,1.440749 -0.117483,0.09303 0.05591,0.2944492 0.0843,0.4415892 0.163116,0.845209 0.294786,1.692791 0.425897,2.54358 0.445524,2.561635 0.574712,5.160425 0.66362,7.75425 0.01336,2.094193 0.0983,4.185179 0.230651,6.274749 0.07265,0.506238 0.05863,1.03214 0.190899,1.530001 0.0043,0.01601 0.139023,0.482891 0.300853,0.393375 0.882568,-0.488194 1.689454,-1.102172 2.534179,-1.65326 0.429278,-1.905394 0.525198,-3.86942 0.664123,-5.812501 -0.982872,0.80033 0.580056,-1.622531 0.15137,-1.417511 -0.874085,0.418037 -1.801669,0.8621 -2.423133,1.605444 -0.252939,0.302549 0.07393,0.785445 0.09505,1.179227 0.05194,0.968145 0.09036,2.88376 0.112753,3.810339 0.06934,3.937089 0.416687,7.862548 0.819213,11.777463 0.23331,2.154299 0.422021,4.313026 0.495387,6.478945 0.01841,0.807482 0.06066,1.616559 -0.116609,2.409378 -0.169522,0.535908 -0.459044,1.017651 -0.84868,1.420392 -0.06025,0.06769 -0.117137,0.138528 -0.180735,0.203075 -0.215315,0.218533 -0.163901,0.119833 -0.356259,0.349465 -0.136371,0.162792 -0.230856,0.298868 -0.402386,0.427225 0.755121,-0.450548 1.52898,-0.87108 2.265365,-1.35164 0.03335,-0.02178 -0.07801,-0.02867 -0.103962,-0.05888 -0.06052,-0.07046 -0.106905,-0.152683 -0.1489,-0.235532 -0.184573,-0.364138 -0.2574,-0.760761 -0.336359,-1.156774 -0.258493,-1.646229 0.352335,-1.665324 -2.611951,0.550484 -0.03433,0.02567 0.0822,0.681593 0.08302,0.686658 0.102979,0.564816 0.215556,1.14718 0.599948,1.59055 0.303191,0.2769 0.691978,0.321347 1.083953,0.343353 0,0 2.265696,-1.634686 2.265696,-1.634686 v 0 c -0.326472,-0.003 -0.675066,0.01233 -0.964692,-0.160983 -0.38372,-0.361567 -0.444923,-0.931969 -0.544812,-1.424784 -0.01296,-0.110281 -0.03296,-0.219962 -0.03891,-0.33084 -0.0055,-0.102931 0.103447,-0.338183 0.0045,-0.309206 -2.860527,0.837904 -2.542432,0.372179 -2.28916,1.979607 0.107987,0.531757 0.210707,1.105948 0.52504,1.56395 0.06057,0.08824 0.111895,0.281091 0.211402,0.241676 0.904711,-0.35836 1.725398,-0.900383 2.588098,-1.350574 0.304723,-0.332319 0.59735,-0.675643 0.90832,-1.002652 0.360169,-0.462076 0.656198,-0.972534 0.78349,-1.550604 0.131318,-0.805354 0.06107,-1.616434 0.0034,-2.426509 -0.152971,-2.138537 -0.404677,-4.26697 -0.697661,-6.390722 C 29.46494,33.27795 29.098243,29.368549 29.0605,25.446263 c -0.0024,-1.873811 -0.0218,-2.078202 0.04711,-3.891479 0.01622,-0.426484 0.489955,-1.208958 0.06887,-1.278522 -2.90721,-0.480269 -2.438715,0.24888 -2.455818,1.326827 -0.0048,0.3037 -0.02196,0.607082 -0.03293,0.910622 -0.104492,1.746583 -0.180726,3.609023 -0.689343,5.294365 -0.05073,0.168098 -0.126603,0.327555 -0.189904,0.491332 0.752017,-0.381442 1.486048,-0.80064 2.256051,-1.144331 0.04886,-0.0218 0.01228,0.16497 -0.04037,0.155358 -0.06781,-0.01238 -0.07806,-0.115652 -0.1,-0.180994 -0.157801,-0.469979 -0.147937,-0.983813 -0.238927,-1.465873 -0.188211,-2.059403 -0.34489,-4.121277 -0.369001,-6.190568 -0.08588,-2.61602 -0.189214,-5.236591 -0.582467,-7.828311 -0.115409,-0.855782 -0.141203,-1.020686 -0.240816,-1.8580712 -0.02902,-0.243964 -0.06054,-0.487717 -0.08276,-0.732396 -0.01461,-0.160742 0.128561,-0.524108 -0.02763,-0.48342 -2.626172,0.684117 -2.643002,0.260895 -2.486983,1.288743 0.04695,1.0311372 0.08021,2.0685652 0.293733,3.0822662 0.391885,1.524408 1.0351,2.959915 1.672275,4.395393 0.628909,1.336175 1.2529,2.675427 1.85397,4.02413 0.206624,0.729742 0.182732,1.475489 0.176943,2.229279 -0.0054,1.352621 -0.03987,2.707481 -0.196866,4.052234 -0.15548,1.113245 -0.371494,2.211758 -0.773687,3.265725 -0.256125,0.819814 -0.519213,1.637605 -0.761471,2.46162 -0.279257,0.971757 -0.477081,1.964042 -0.455909,2.98091 -0.02461,1.669491 0.09161,3.335438 0.192794,5.001138 0.13049,2.25692 0.183738,4.520277 0.409157,6.770447 0.05308,0.173315 -0.01445,0.571727 0.159248,0.519943 1.950892,-0.581581 2.523765,-0.850831 2.954324,-2.299113 0.07871,-0.515998 0.138255,-1.03542 0.209468,-1.552498 0.05909,-0.821198 0.163946,-1.637099 0.271145,-2.453222 0.06824,-0.941763 0.04159,-1.883196 0.03147,-2.826904 -5.29e-4,-1.265965 0.01524,-2.532917 -0.04942,-3.797744 -0.101891,-1.684459 -0.239519,-3.372302 -0.515225,-5.037865 -0.104066,-0.395748 -0.141497,-0.618876 -0.302589,-0.976402 -0.11009,-0.244333 -0.302654,-0.4293 -0.416848,-0.669481 -0.04379,-0.0921 -0.07146,-0.191029 -0.107191,-0.286546 -0.09075,-0.52981 -0.08674,-1.032836 -0.0724,-1.570802 0.0098,-0.367684 0.04906,-1.013638 0.0076,-1.386375 -0.0208,-0.18696 -0.08041,-0.367538 -0.120618,-0.551307 -0.09018,-0.09968 -0.144775,-0.346493 -0.270536,-0.299035 -2.18975,0.826326 -2.801396,1.479691 -4.214778,2.889777 0.776044,-0.280064 1.568071,-0.519269 2.328132,-0.840187 0.08635,-0.03646 0.116152,-0.147257 0.177784,-0.217884 0.463949,-0.53163 0.948417,-1.059064 1.55163,-1.435667 0,0 -2.589704,1.01328 -2.589704,1.01328 z" />
<path
style="fill:#000000;stroke-width:0.264583"
id="path352"
d="m 44.047988,8.8850438 c -0.148164,0.980977 -0.194821,1.9729612 -0.232781,2.9631062 -0.05721,1.317831 0.07332,2.634467 0.219427,3.942575 0.202086,1.583084 0.261512,3.178106 0.303731,4.771847 0.02643,1.587278 0.03441,3.175061 0.01773,4.762487 -0.01243,1.235977 -0.01093,2.471994 -0.01434,3.708016 0.0016,1.117381 -0.009,2.234682 -0.004,3.352068 0.02117,1.173556 -0.08732,2.34402 -0.142963,3.515291 -0.02643,1.037344 -0.198344,2.063924 -0.360195,3.086785 -0.141476,0.836181 -0.225566,1.678109 -0.260983,2.524905 -0.04842,0.884783 -0.157324,1.762395 -0.251851,2.642804 -0.08595,0.703599 -0.128606,1.409928 -0.134813,2.118358 0.01677,0.847055 -0.0208,1.693656 0.05224,2.538399 0.0374,0.361601 0.01924,0.186706 0.05443,0.52469 0,0 2.46281,-1.291474 2.46281,-1.291474 v 0 c -0.04366,-0.33133 -0.02127,-0.160642 -0.0671,-0.512067 -0.09251,-0.833188 -0.06855,-1.670348 -0.04175,-2.507146 0.02162,-0.696249 0.05073,-1.392664 0.124031,-2.085753 0.09805,-0.888791 0.194956,-1.777574 0.26375,-2.669217 0.03463,-0.82963 0.106183,-1.65716 0.235852,-2.477865 0.159023,-1.033071 0.346655,-2.06797 0.352386,-3.116427 0.04839,-1.173993 0.123325,-2.347627 0.13095,-3.522694 0.0051,-1.116184 -0.0053,-2.232295 -0.0027,-3.348474 -0.0021,-1.232112 0.0021,-2.464218 -0.0091,-3.696298 -0.01757,-1.585161 -0.0086,-3.170634 -0.04612,-4.755581 -0.03987,-1.604365 -0.104928,-3.209816 -0.287591,-4.805275 -0.139742,-1.299588 -0.244001,-2.608445 -0.180792,-3.916315 0.04753,-0.9866212 0.08512,-1.9899102 0.347696,-2.9473682 0,0 -2.527884,1.200623 -2.527884,1.200623 z" />
<path
style="fill:#000000;stroke-width:0.264583"
id="path354"
d="m 74.728061,10.642666 c 0.0332,1.079135 0.11774,2.155624 0.16977,3.234055 0.0808,2.010008 0.10952,4.021397 0.11176,6.03286 -0.0326,1.84935 -0.14222,3.696044 -0.18958,5.544896 -0.0371,1.475627 -0.0367,2.951655 -0.036,4.427615 0.01,1.440997 -0.005,2.88187 -0.0145,4.322807 -0.0344,1.336641 0.0431,2.670641 0.1052,4.00509 0.0987,1.334464 0.17711,2.67021 0.22421,4.007491 -0.002,0.904922 0.1039,1.803712 0.1578,2.705991 0.0411,0.751094 0.047,1.503437 0.0458,2.255454 0.004,0.382167 0.006,0.764252 0.005,1.146442 0,0 2.46894,-1.257985 2.46894,-1.257985 v 0 c -0.002,-0.383982 0.002,-0.767934 -0.002,-1.151887 -0.0205,-0.748268 -0.0572,-1.495904 -0.097,-2.243371 -0.0523,-0.901543 -0.12418,-1.801711 -0.15487,-2.704364 -0.0823,-1.326348 -0.21789,-2.648924 -0.27966,-3.976621 -0.0473,-1.337427 -0.0864,-2.673874 -0.0671,-4.012364 -0.0109,-1.43578 -0.027,-2.871504 -0.0147,-4.307359 0.005,-1.473715 0.012,-2.947535 0.0359,-4.421078 0.0386,-1.837889 0.0874,-3.675621 0.11285,-5.513716 -0.011,-2.027849 0.0167,-4.056028 -0.0335,-6.083461 -0.0326,-1.092555 -0.11506,-2.186631 -0.0579,-3.2793652 0,0 -2.4903,1.2688702 -2.4903,1.2688702 z" />
<path
style="fill:#000000;stroke-width:0.264583"
id="path356"
d="m 88.530861,10.707089 c 0.0851,1.560317 0.0637,3.123944 0.0591,4.685866 -0.005,1.606429 -0.005,3.212886 -0.006,4.819333 -0.0229,1.405424 0.0235,2.812246 -0.0392,4.216667 -0.0153,1.197544 -0.24167,2.3714 -0.39871,3.553733 -0.22068,1.646393 -0.47082,3.288651 -0.68643,4.935815 -0.14287,1.280438 -0.19507,2.567646 -0.22098,3.854878 -0.0287,0.93489 0.0558,1.868221 0.18154,2.793413 0.022,0.574992 0.22387,1.107088 0.38345,1.651802 0.0252,0.08616 0.26969,0.98957 0.28962,1.063082 0.35121,1.037416 0.55019,2.108856 0.75521,3.18107 0.19354,0.938133 0.23552,1.895673 0.26499,2.850118 -0.004,0.443426 0.0242,0.888989 -0.002,1.332243 -0.003,0.0454 -0.0615,0.156496 -0.0216,0.134729 2.6488,-1.443721 2.55133,-0.539383 2.46044,-1.998226 -0.0334,-2.24078 -0.1678,-4.477605 -0.30981,-6.713667 -0.17367,-2.359745 -0.23389,-4.724609 -0.27115,-7.089648 -0.0795,-1.355966 0.0576,-2.697726 0.21126,-4.041458 0.0907,-0.906018 0.24386,-1.804162 0.37851,-2.704224 0.12764,-0.831003 0.32507,-1.648111 0.46208,-2.477331 0.0571,-0.408098 0.0192,-0.216434 0.10761,-0.576193 0,0 -2.4985,1.210262 -2.4985,1.210262 v 0 c -0.0608,0.369504 -0.0322,0.177019 -0.0844,0.577673 -0.13023,0.827648 -0.31576,1.645248 -0.44774,2.472724 -0.14075,0.897313 -0.26586,1.797711 -0.34825,2.702457 -0.13973,1.34316 -0.22093,2.684732 -0.12061,4.035591 0.078,2.353395 0.22254,4.70417 0.35966,7.054699 0.13244,2.257994 0.24113,4.521076 0.14027,6.782951 -0.0812,1.422866 -0.20755,0.755034 2.46119,-0.512376 0.0343,-0.0163 -0.0206,-0.0736 -0.0236,-0.111458 -0.01,-0.121441 -0.0227,-0.728782 -0.0247,-0.80517 -0.004,-0.170968 -0.009,-0.341931 -0.0135,-0.512897 -0.0263,-0.970788 -0.0528,-1.94754 -0.27137,-2.898436 -0.22304,-1.071462 -0.44779,-2.142215 -0.78183,-3.18629 -0.23378,-0.893397 -0.51788,-1.780543 -0.62772,-2.699798 -0.12006,-0.909518 -0.21781,-1.823863 -0.19006,-2.743218 0.015,-1.271633 0.0507,-2.5449 0.19422,-3.809572 0.18854,-1.650764 0.43938,-3.293229 0.69866,-4.934206 0.19565,-1.189326 0.4064,-2.376202 0.398,-3.587136 0.0361,-1.40307 0.004,-2.807005 0.006,-4.210397 -5.3e-4,-1.604476 -5.3e-4,-3.208962 -0.006,-4.813416 -0.005,-1.582021 -0.0246,-3.165576 0.0591,-4.7460702 0,0 -2.47697,1.2620812 -2.47697,1.2620812 z" />
<path
style="fill:#000000;stroke-width:0.264583"
id="path358"
d="m 105.11794,10.95688 c -0.10096,0.623006 -0.32334,1.213244 -0.48525,1.820487 -0.14509,0.72491 -0.25919,1.456388 -0.32588,2.192909 -0.0692,0.829042 -0.0688,1.661059 -0.0713,2.492224 -0.008,0.956045 0.006,1.912022 0.007,2.868057 0.0473,1.132903 0.24346,2.254049 0.42115,3.372276 0.14476,1.085738 0.313,2.168559 0.42324,3.258597 0.10034,0.856393 0.28011,1.699821 0.43152,2.547898 0.17441,1.040575 0.29292,2.088621 0.42483,3.135127 0.1853,1.04062 0.28552,2.092669 0.40054,3.142586 0.13508,1.305923 0.15818,2.619653 0.17464,3.931351 0.009,1.090949 -0.01,2.181815 -0.007,3.272753 -2e-5,0.843301 -0.015,1.686539 -0.0141,2.529838 -0.004,0.608136 -0.0107,1.216231 -0.01,1.824392 -0.001,0.475128 -0.005,0.950245 -0.007,1.425371 0.004,1.27395 -0.45655,0.893484 2.49987,-0.917128 0.055,-0.03371 -0.0108,-0.128656 -0.0141,-0.193117 -0.005,-0.103277 -0.008,-0.206679 -0.0113,-0.310017 -0.039,-1.373296 -0.0471,-2.747307 -0.0582,-4.121055 0.017,-2.215526 -0.0857,-4.427635 -0.24817,-6.636467 -0.22956,-2.341965 -0.46132,-4.68204 -0.59166,-7.031932 -0.0957,-2.020366 -0.11178,-4.04305 -0.0946,-6.065223 0.009,-1.056058 0.0212,-2.112105 0.0403,-3.168031 0.0203,-0.851559 0.002,-1.697784 -0.0975,-2.543868 -0.11582,-1.315969 -0.39978,-2.605037 -0.72968,-3.881435 -0.20458,-0.703009 -0.38573,-1.409584 -0.4583,-2.138947 -0.0399,-0.54428 -0.0354,-1.090324 -0.0303,-1.635623 -0.0129,-0.3728722 0.0477,-0.7117102 0.35767,-0.9400092 0.19245,-0.237977 0.47559,-0.354909 0.7072,-0.538646 0.17948,-0.244399 0.32161,-0.501883 0.39311,-0.798762 0,0 -2.53432,1.194348 -2.53432,1.194348 v 0 c -0.1004,0.242657 -0.24332,0.485648 -0.46748,0.631362 -0.25857,0.156536 -0.47596,0.3716292 -0.68128,0.5918172 -0.22735,0.338196 -0.27113,0.717717 -0.25078,1.120794 0.003,0.553648 -0.003,1.109046 0.0501,1.660686 0.0906,0.7361 0.30964,1.439429 0.54148,2.142369 0.35862,1.257733 0.60864,2.541804 0.69531,3.848893 0.0697,0.844974 0.0575,1.689267 0.051,2.536566 0.0148,1.042995 0.0224,2.086081 0.0413,3.129021 0.0434,2.01114 0.0773,4.023148 0.18777,6.032015 0.13441,2.353273 0.3424,4.699842 0.57534,7.045307 0.16175,2.210765 0.26886,4.42446 0.19589,6.641854 -0.0111,1.393504 -0.0195,2.787253 -0.0582,4.180321 -0.004,0.107196 -0.006,0.214447 -0.0113,0.321585 -0.003,0.06924 -0.0783,0.233574 -0.0141,0.207465 2.80714,-1.141431 2.50557,-0.349948 2.49987,-1.630365 -0.002,-0.47272 -0.006,-0.94543 -0.007,-1.418153 0.001,-0.60492 -0.005,-1.209781 -0.009,-1.814682 0.002,-0.839137 -0.0118,-1.678242 -0.0102,-2.517384 0.004,-1.086503 -0.0122,-2.172911 -0.0289,-3.259264 -0.022,-1.322192 -0.0481,-2.646019 -0.16544,-3.963853 -0.10858,-1.053427 -0.20301,-2.109329 -0.39643,-3.151489 -0.13796,-1.051139 -0.25355,-2.104974 -0.41863,-3.152433 -0.14513,-0.844164 -0.30529,-1.685798 -0.42034,-2.534828 -0.13464,-1.086167 -0.31897,-2.165323 -0.46264,-3.250303 -0.16506,-1.109906 -0.3453,-2.223711 -0.38112,-3.346738 -0.001,-0.957718 0.009,-1.915395 0.008,-2.873121 0.009,-0.825407 0.0204,-1.652185 0.0939,-2.47483 0.0807,-0.724165 0.19031,-1.446507 0.35651,-2.156283 0.17664,-0.620586 0.37815,-1.234213 0.51331,-1.8660562 0,0 -2.5195,1.2317732 -2.5195,1.2317732 z" />
<path
style="fill:#000000;stroke-width:0.264583"
id="path362"
d="m 91.207921,11.700878 c 0.0117,-0.713727 -0.12268,-1.412386 -0.2334,-2.1139632 -0.0768,-0.568076 -0.2294,-1.11846 -0.29474,-1.68856 -0.0287,-0.370634 -0.008,-0.185682 -0.0632,-0.554839 0,0 -2.454,1.294971 -2.454,1.294971 v 0 c 0.049,0.356423 0.0281,0.174151 0.0619,0.546931 0.0676,0.572526 0.227,1.1213202 0.31878,1.6894012 0.11351,0.695564 0.24133,1.391217 0.16544,2.099456 0,0 2.49918,-1.273397 2.49918,-1.273397 z" />
<path
style="fill:#000000;stroke-width:0.264583"
id="path364"
d="m 77.723661,10.116005 c -0.31813,-0.7537852 -0.56025,-1.5355462 -0.81277,-2.3128292 -0.0292,-0.100208 -0.0584,-0.200416 -0.0876,-0.300625 0,0 -2.42489,1.328934 -2.42489,1.328934 v 0 c 0.0332,0.100838 0.0664,0.201673 0.0996,0.302508 0.27214,0.764564 0.54508,1.5304992 0.76819,2.3109192 0,0 2.45739,-1.328907 2.45739,-1.328907 z" />
<path
style="fill:transparent;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 20.788689,7.3705348 c -0.173926,2.9853892 0.570537,5.9157792 0.755952,8.8824412 0.112998,1.807956 0,3.670083 0,5.480655 0,2.899318 0.129918,5.8233 -0.188987,8.693452 -0.190732,1.716595 0,3.561942 0,5.291667 0,4.635068 0.188987,9.175787 0.188987,13.796131 0,0.115327 -0.07364,0.682316 0,0.755952 0.107177,0.107175 1.8533,0 2.078871,0 2.267857,0 4.535712,0 6.80357,0 0.319611,0 2.021856,-0.01794 2.078871,-0.188989 0.18633,-0.558994 -0.115928,-1.310252 0,-1.88988 0.419692,-2.098468 0.188986,-4.453212 0.188986,-6.614583 0,-1.087363 0.153948,-2.32415 0,-3.401787 -0.268671,-1.880706 -0.188986,0.991634 -0.188986,-1.322917 0,-9.764384 0,-19.528769 0,-29.2931532"
id="C#"
class="note" />
<path
style="fill:transparent;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 40.254463,7.5595238 C 39.9814,15.858974 40.702234,24.228102 40.065474,32.505951 c -0.08654,1.125072 -0.454559,2.277743 -0.566962,3.401785 -0.111464,1.114624 0.1584,2.292977 0,3.401788 -0.179062,1.253432 -0.188989,2.489864 -0.188989,3.77976 0,1.76389 0,3.52778 0,5.291667 0,0.314981 0.222726,0.722217 0,0.944941 -0.063,0.063 -0.268672,0.149146 -0.188987,0.188989 0.666258,0.333129 4.721439,-0.227438 5.858629,0 0.390686,0.07814 0.740928,0.312476 1.13393,0.377976 0.576548,0.09609 3.633261,0.167743 3.96875,0 0.303382,-0.151691 0.188987,-1.255885 0.188987,-1.511906 0,-2.267857 0,-4.535715 0,-6.80357 0,-7.181548 0,-14.363096 0,-21.544645 0,-2.267854 0,-4.535712 0,-6.803569 0,-0.627925 -0.218194,-1.991247 0,-2.645834 0.35833,-1.0749912 0.188989,-2.5733692 0.188989,-3.7797632"
id="D#"
class="note" />
<path
style="fill:transparent;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 70.114581,7.1815478 c -0.72774,4.5430132 0.26711,9.2351992 -0.18899,13.7961292 -0.2501,2.501032 -0.18899,-0.959601 -0.18899,1.511906 0,4.281768 -0.42806,8.570484 0,12.851191 0.40925,4.092421 0.56697,8.137017 0.56697,12.284225 0,0.272923 -0.19664,1.693244 0,1.889882 0.26675,0.266753 1.6756,0 2.07887,0 0.68557,0 1.2123,-0.104291 1.88988,-0.188989 1.70625,-0.213281 3.56305,0 5.29167,0 0.14797,0 0.85064,0.0943 0.94494,0 0.1606,-0.16061 0.29362,-0.356074 0.37797,-0.566965 0.0702,-0.175469 -0.0234,-0.379434 0,-0.566963 0.23562,-1.884944 0.18899,-3.75934 0.18899,-5.669645 0,-0.641109 -0.10503,-1.448678 0,-2.078868 0.29761,-1.785633 0.18899,-3.648091 0.18899,-5.480653 0,-2.013754 0.28368,-4.250843 0,-6.236607 -0.0199,-0.139449 -0.16136,-0.239851 -0.18899,-0.377976 -0.21343,-1.067155 -0.0521,-2.307082 -0.18899,-3.401788 -0.0797,-0.637474 -0.30703,-1.251373 -0.37797,-1.889879 -0.15193,-1.367353 0.0582,-3.488809 -0.18899,-4.724704 -0.0175,-0.08736 -0.16738,-0.102558 -0.18899,-0.188987 -0.19558,-0.782317 0,-1.836713 0,-2.645833 0,-2.176994 -0.21199,-3.539823 -0.56696,-5.6696422 -0.0223,-0.133848 0.0739,-0.608079 0,-0.755955 -0.0399,-0.07968 -0.16738,-0.102557 -0.18899,-0.188986 -0.1864,-0.745612 -0.17299,-1.702578 -0.18899,-1.700893 -1.20509,0.126852 -2.39385,0.377973 -3.59077,0.566963"
id="F#"
class="note" />
<path
style="fill:transparent;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 84.288691,6.8035698 c 0.0467,0.817396 -0.0545,1.639713 0,2.456847 0.18815,2.8222912 0.16214,0.176659 0.56696,3.2127982 0.05,0.374661 -0.029,0.757065 0,1.133927 0.11632,1.512184 0.45915,3.02631 0.56697,4.535715 0.13071,1.830031 0.19609,3.661812 0.37797,5.480654 0.19323,1.932225 -0.2144,3.928969 0,5.858631 0.48214,4.33918 0.18899,8.849336 0.18899,13.229167 0,0.610211 -0.10879,7.261743 0,7.370535 0.31181,0.311814 0.88195,0 1.32292,0 2.402,0 4.76205,0.188989 7.18154,0.188989 0.1545,0 1.18935,0.133572 1.32292,0 0.28832,-0.288319 0.28373,-5.76244 0.18899,-6.425597 -0.16301,-1.141066 -0.4041,-2.261756 -0.56696,-3.401785 -0.1599,-1.119259 -0.0766,-2.278303 -0.18899,-3.401785 -0.11331,-1.133051 -0.45367,-2.268841 -0.56697,-3.401785 -0.21501,-2.150176 -0.11692,-4.634989 0.37798,-6.614583 0.13023,-0.520925 0,-1.358572 0,-1.889882 0,-1.511905 0,-3.023809 0,-4.535715 0,-4.409723 0,-8.819443 0,-13.2291662"
id="G#"
class="note" />
<path
style="fill:transparent;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 101.67559,7.9374998 c -0.0603,5.9350432 0.37798,11.8265632 0.37798,17.7648812 0,2.153267 0.21427,4.297461 0.37797,6.425594 0.11558,1.502511 -0.12513,3.034052 0,4.535715 0.29272,3.512585 0.18899,7.053422 0.18899,10.583334 0,0.465394 -0.0241,2.999668 0,3.023809 0.0836,0.08357 4.76559,0 5.29167,0 0.23462,0 4.38561,-0.227878 4.53571,-0.377976 0.3069,-0.306901 0.56697,-3.592174 0.56697,-4.157739 0,-3.316473 -0.15764,-6.552774 -0.56697,-9.827382 -0.20158,-1.612696 0.33598,0.839949 0,-1.511903 -0.0199,-0.139449 -0.12599,-0.251984 -0.18898,-0.377976 -0.063,-0.377976 -0.14146,-0.753697 -0.18899,-1.13393 -0.0695,-0.556345 0.0921,-1.14831 0,-1.700892 -0.42015,-2.5209 -0.37798,-5.12562 -0.37798,-7.748511 0,-1.180195 0.27371,-3.062907 0,-4.157739 -0.24206,-0.968246 0.052,-2.059692 -0.18899,-3.023809 -0.33742,-1.349698 0.0904,-6.6227332 -0.18898,-7.1815492 -0.0282,-0.05635 -0.16082,0.05635 -0.18899,0 -0.13139,-0.262763 0,-1.0116 0,-1.322916"
id="A#"
class="note" />
</svg>
<div>
<label for="octaveSelect"> octave: </label>
<select
id="octaveSelect"
>
<option value="3">3</option>
<option value="4" selected>4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</div>
</div>
<div id='visualizer'>
<h3> visualizer </h3>
<canvas id='vizCanvas'></canvas>
<button id='toggleViz'>on</button>
</div>
</div>
<hr />
<div id='editNode'>
</div>
<div id='nodeArea'>
</div>
</body>
</html>
<script src='dist/soundmaker.js'></script>