refactor and snippets

master
km0 2 years ago
parent 3c884f990d
commit ab3fb1bbfa

@ -1,25 +0,0 @@
cables: '<svg class="cables" width="1013" height="860" viewBox="0 0 1013 860" fill="none"
style="pointer-events: none; position: absolute; left: 0px; top: 0px;"><path fill="none"
stroke="hsl(263, 97%, 75%)" stroke-width="10" stroke-linecap="round" d="M321 427
L333.6666666666667 394.6666666666667 L351.6 344.8 L370 300 L386.3333333333333 266.55555555555554
L402.45454545454544 240.72727272727272 L418.3076923076923 219.76923076923077 L433.93333333333334
202.46666666666667 L448.3529411764706 188.47058823529412 L462.2105263157895 177.10526315789474
L468.85 172.35 L483.3 155.3 L497.8 139.5 L512 126.55 L525.8 116.9 L539 110.2 L551.55
106.7 L563.45 104.85 L574.8 104.55 L585 106.2 L594.1 109.5 L602.55 113.95 L610.05
119.75 L616.9 126.25 L623 133.45 L628.35 141.35 L633.45 149.7 L638.3 158.55 L642.75
168.8 L646.75 179.6 L650.25 191.3 L652.65 204.25 L654.25 217.65 L655.25 231.7 L655.5
246.05 L655.35 260.2 L654.8 273.6 L654.15 286.8 L653.5 299.45 L653.05 311.3 L652.85
322.15 L653.2222222222222 333.94444444444446 L653.75 346.375 L653.9285714285714
360.5 L652.75 375.1666666666667 L650.3 388.9 L648.75 398.375 L648.1666666666666
404.1666666666667 L647.75 408 L647.5 411.5" style="pointer-events: stroke;"></path></svg>'
date: '2022-06-26'
decay: '50'
description: test
drum: '50'
drum_mod: '82'
name: Looo
pitch: '50'
pitch_mod: '50'
slug: Looo
tempo: '50'
tempo_mod: '50'

@ -1,49 +0,0 @@
date: "2022-06-28"
decay: "50"
description: toast
drum: "50"
drum_mod: "50"
name: test
pitch: "50"
pitch_mod: "50"
slug: test
tempo: "50"
tempo_mod: "50"
cables: '<svg class="cables" width="1013" height="860" viewBox="0 0 1013 860" fill="none"
style="pointer-events: none; position: absolute; left: 0px; top: 0px;"><path fill="none"
stroke="hsl(47, 74%, 75%)" stroke-width="10" stroke-linecap="round" d="M357 489
L377 485 L398.8 482.4 L419.42857142857144 481.2857142857143 L440.3333333333333 481.6666666666667
L461.8181818181818 483.45454545454544 L482 486.15384615384613 L499.93333333333334
489.46666666666664 L515.4117647058823 492.94117647058823 L528.4736842105264 496.5263157894737
L547.4705882352941 497.70588235294116 L565.8 500 L583.6923076923077 503.38461538461536
L600.1818181818181 507.54545454545456 L614.4444444444445 512.2222222222222 L625.2857142857143
516.8571428571429 L632.6 521 L637.3333333333334 524.6666666666666 L640 528" style="pointer-events:
stroke;"></path><path fill="none" stroke="hsl(194, 98%, 75%)" stroke-width="10"
stroke-linecap="round" d="M656 546 L684 529 L699.4 518.6 L709 510.85714285714283
L716.3333333333334 503.1111111111111 L721.9090909090909 495.3636363636364 L726.5384615384615
486.0769230769231 L730.4666666666667 474.4 L733.4705882352941 463.52941176470586
L735.2631578947369 454.7368421052632 L735.8 450.65 L740.2 441.3 L742.85 432.4 L744.9
423.4 L745.95 413.85 L746.45 403.9 L746.35 393.6 L744.95 382.85 L742.25 372.1 L738.6
361.55 L733.35 350.95 L727.3 340.2 L720.75 329.9 L713.05 319.85 L704.75 310.8 L696.25
302.9 L687.6 295.4 L678.9 288.15 L670.1 281.75 L661.2 276.1 L652.3 271.8 L643.25
269.95 L634.15 269.45 L625 270.45 L616.1 273 L607.4 276.45 L599.15 280.65 L592.25
285.8 L586.7 291.5 L582.2 297.6 L579.5 304.25 L578 311.5 L577.1 319.2 L577.25 327.45
L578.1 335.75 L579.5 344.3 L581.3 353.1 L583.35 361.85 L585.9 370 L588.7 377.5 L591.85
384.15 L595.4 389.1 L599.0555555555555 393.8333333333333 L603.6875 397.0625 L609
400.2857142857143 L614.1666666666666 403.5 L618.6 407 L622.75 411 L626.8333333333334
415.5 L629.75 418.25 L632.5 420.5" style="pointer-events: stroke;"></path><path
fill="none" stroke="hsl(170, 83%, 75%)" stroke-width="10" stroke-linecap="round"
d="M328 433 L333.3333333333333 408.3333333333333 L335.2 382.8 L339.85714285714283
350 L351.3333333333333 311.77777777777777 L364.72727272727275 278.8181818181818
L377.7692307692308 251.6153846153846 L390.73333333333335 228.6 L403.1764705882353
209 L415.05263157894734 192.26315789473685 L420.95 184.85 L431.4 165.35 L441.75
147.15 L452.25 129.95 L463.25 113.8 L474.6 99.9 L486.5 87.9 L498 78.2 L508.5 71.6
L518.4 66.7 L527.55 63.3 L535.7 61.45 L543.35 60.7 L550.8 60.8 L557.55 62.25 L563.75
64.6 L569.5 67.65 L574.95 71.85 L580 77 L584.8 82.8 L589.2 89.25 L593.65 95.95 L598
102.95 L602.6 110.6 L607 118.8 L611.05 127.45 L614.55 136.5 L617.9 146 L621 155.6
L623.95 165.1 L626.85 174.75 L629.65 184.95 L632.1 196.65 L634.25 209 L636.2 221.7
L638 234.8 L639.65 247.75 L641.15 260.2 L642.5 272.15 L643.95 283.65 L645.3 294.8
L646.65 305.8 L648 316.65 L649.1 326.95 L650.1 336.85 L651.1 346.25 L652 355.1 L652.9
363.55 L653.8 371.7 L653.5555555555555 383.94444444444446 L653.875 393.75 L655.2857142857143
399 L657.75 401.4166666666667 L661.4 403.2 L665 405.25 L668.3333333333334 407.6666666666667
L671.5 410 L673.5 413" style="pointer-events: stroke;"></path></svg>'

@ -13,87 +13,89 @@ a {
}
a.stretched:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
header a:hover {
opacity: .5;
opacity: 0.5;
}
header {
width: 100%;
display: flex;
justify-content: start;
padding: 8px;
font-size: 32px;
width: 100%;
display: flex;
justify-content: start;
padding: 8px;
font-size: 32px;
}
header > * {
flex-shrink: 0;
flex-shrink: 0;
}
header .title {
margin: 0;
margin-right: 32px;
font-size: 32px;
font-weight: normal;
margin: 0;
margin-right: 32px;
font-size: 32px;
font-weight: normal;
}
.path-slash {
margin: 0 4px;
margin: 0 4px;
}
.parent {
/* color: rgb(147, 149, 161); */
/* color: rgb(147, 149, 161); */
}
.search,
.print {
position: relative;
.search, .print {
position: relative;
display: inline-block;
height: 32px;
margin-left: auto;
overflow: hidden;
flex: 0 0 32px;
transition: flex 0.3s ease-in;
display: inline-block;
height: 32px;
margin-left: auto;
overflow: hidden;
flex: 0 0 32px;
transition: flex 0.3s ease-in;
}
.search:hover{
transition: flex 0.6s ease-out;
flex: 1 0 auto;
.search:hover {
transition: flex 0.6s ease-out;
flex: 1 0 auto;
}
.search svg, .print svg {
width: 32px;
height: 32px;
padding: 4px;
margin: 0;
.search svg,
.print svg {
width: 32px;
height: 32px;
padding: 4px;
margin: 0;
}
.search input {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 32px;
outline: none;
border-bottom: 1px solid currentColor;
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 32px;
outline: none;
border-bottom: 1px solid currentColor;
font-size: 32px;
font-size: 32px;
padding: 0;
padding-left: 4px;
padding: 0;
padding-left: 4px;
background: none;
}
background: none;
svg #params,
svg #sockets {
display: none;
}

@ -91,11 +91,6 @@ main {
font-weight: normal;
}
svg #params,
svg #sockets {
display: none;
}
@media (max-width: 767px) {
header {
display: block;

@ -1,6 +1,6 @@
name: Bastl Drum
slug: Bastl_Drum
description: The drum without buttons, not that drums usually have button but
description: The classic one, the one that is not broken
params:
- drum_mod
- drum

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 54 KiB

@ -0,0 +1,29 @@
cables: '<svg class="cables" width="1013" height="860" viewBox="0 0 1013 860" fill="none"
style="pointer-events: none; position: absolute; left: 0px; top: 0px;"><path fill="none"
stroke="hsl(14, 99%, 75%)" stroke-width="10" stroke-linecap="round" d="M652 433
L653 413.3333333333333 L653.8 366.8 L652.4285714285714 324.85714285714283 L648.2222222222222
292.8888888888889 L641 265.45454545454544 L631.1538461538462 243.30769230769232
L621 226.26666666666668 L609.8235294117648 212.1764705882353 L597.7894736842105
200.42105263157896 L591.5 195.7 L581.9 179.75 L571.7 165.4 L561 151.95 L549.85 142.95
L538.45 136 L526.95 131.7 L515.4 129 L504.1 127.5 L493.25 127.05 L482.95 128.3 L472.95
130.55 L463.95 134.05 L455.35 138.35 L446.9 143.5 L438.8 150 L430.9 157.95 L423.55
166.95 L416.5 176.95 L410.65 187.2 L405.25 197.5 L400.35 207.65 L395.95 217.55 L391.9
227.6 L388.15 237.7 L384.65 248.1 L381.4 258.35 L378.5 268.3 L375.7 278.25 L373.1
288.15 L370.8 297.8 L368.7 307.2 L366.75 316.35 L365.05 325.05 L363.7 333.2 L362.85
340.4 L362.55 346.55 L362.45 352.2 L362.6 357.2 L362.8 362.3 L363.05 367.4 L363.22222222222223
372.8333333333333 L363.875 377.6875 L364.85714285714283 381.85714285714283 L366.1666666666667
386.1666666666667 L367.4 390.6 L368.5 395.125 L369.3333333333333 399.6666666666667
L369.75 404.5 L369.5 411" style="pointer-events: stroke;"></path></svg>'
date: '2022-10-01'
decay: '98'
description: a patch to test
drum: '61'
drum_mod: '50'
name: A test patch
output: JBL Spearker
pitch: '50'
pitch_mod: '50'
routing: Drum to JBL
slug: A_test_patch
tempo: '50'
tempo_mod: '50'

@ -0,0 +1,135 @@
cables: '<svg class="cables" width="1013" height="860" viewBox="0 0 1013 860" fill="none"
style="pointer-events: none; position: absolute; left: 0px; top: 0px;"><path fill="none"
stroke="hsl(325, 99%, 75%)" stroke-width="10" stroke-linecap="round" d="M627 547
L650.3333333333334 518.3333333333334 L670.6 487 L695.4285714285714 448.7142857142857
L715.7777777777778 415.8888888888889 L733 384.72727272727275 L745.4615384615385
358.2307692307692 L754.4666666666667 336.93333333333334 L760.4117647058823 320.3529411764706
L762.2631578947369 309.05263157894734 L758.8 306.15 L761.1 291.8 L761.75 278.8 L760.85
268.1 L759.15 258.75 L755.95 251.4 L751.1 246.45 L746 241.85 L740.4 237.7 L733.7
234.55 L726.5 231.6 L719.1 228.9 L711.25 225.9 L703.25 222.85 L695.25 220 L686.95
217.15 L678.85 214.8 L670.6 214.15 L662.6 215.85 L655.1 219.55 L650.95 224.5 L647.5
231.1 L644.5 237.65 L641.65 243.65 L638.4 248.9 L634.8 252.9 L629.95 255.45 L623.55
254.55 L616.15 250.9 L608.1 246.3 L599.45 239.4 L590.55 231.95 L581.8 224.55 L572
217.5 L562.2 211.45 L552.6 207.35 L542.95 205 L533.55 203.85 L524.7 205.35 L516.5
207.7 L508.8 210.15 L501.8 213.85 L495.2 219.55 L488.9 226.4 L483.15 234.15 L475.9
234.7 L468.4 231.9 L460.75 228.75 L452.15 224.45 L443.55 220.95 L435.2 220.05 L426.9
220 L418.65 221 L411.45 221.95 L404.1 222.3 L396.75 221 L389.5 217.75 L382.2 212.05
L374.85 201.8 L367.95 191.05 L361.45 179.35 L355.95 168.65 L351.3 158.95 L348.2
152 L347.4 149.65 L349.75 158 L353.6 172.75 L358.4 191.1 L363.75 212.2 L368.15 232.7
L371.05 250.8 L371.2 264.2 L370.15 275.2 L368.25 284.1 L365.1 291.15 L361.35 297.05
L357.35 302 L353.3 305.85 L349.15 308.55 L344.25 308.3 L338.75 306.45 L332.3 301.65
L325 294.5 L316.7 285.5 L307.4 274.1 L298.9 263.7 L292.65 256.1 L289.85 253.25 L289.4
253.8 L291.5 257.3 L296 264.6 L303.75 277.15 L308.75 289.35 L311.95 301.2 L314.15
312.75 L312.95 322.4 L310.85 331.95 L307.65 341.1 L303.7 349.5 L299.5 357.45 L294.95
364.5 L289.75 370 L284.1 374.5 L277.6 377.25 L269.7 377.85 L260.1 375.45 L248.95
371.3 L235.85 364.3 L223.6 357.95 L212.15 352.9 L201.35 348.6 L191.5 345.55 L189.1
349.05 L190.3 356 L194.2 365.3 L202.2 377.55 L210.85 390.6 L220.25 404.4 L230 419.05
L239.5 434.15 L248.3 449.3 L255.8 464.2 L262.6 478.8 L266.85 491.5 L269.9 503.1
L271.45 513.4 L270.95 520.85 L269.1 526.8 L265.15 530.3 L259.05 531.25 L251.65 530.75
L242.95 529.2 L230.9 524.3 L218.85 519.5 L207.55 515.4 L197.5 512.8 L188.55 510.85
L181 509.7 L174.8 509.1 L170.2 508.95 L167.5 509.4 L168 510.5 L170.25 512.25 L176
516.25 L183.55 521.3 L195.1 529.8 L208.05 539.35 L221.45 549.3 L234.3 559.5 L245.3
569.65 L253.95 579.1 L260.9 587.8 L265.4 595.25 L266.4 600.9 L265.2 605.15 L260.8
607.25 L254.9 608.4 L247.3 608.4 L238.3 607.45 L228.25 606.05 L222.65 607.1 L216
608.3 L209.7 610.2 L203.55 612.3 L198.05 614.6 L191.35 614.6 L185.7 614.65 L183.4
615.45 L186.1 618.05 L194.3 622.65 L205.4 628 L218.75 633.85 L234.65 640.6 L252.85
647.8 L268.05 654.65 L282.65 661.45 L293.45 667.5 L303.5 673.85 L313 680.4 L321.85
686.95 L324.65 690.75 L326.1 694.05 L325.95 696.35 L324.65 698.1 L321.8 699.4 L317.35
700.4 L311.15 701.2 L301.45 701.25 L287.25 699.55 L269.65 696.35 L251.85 693.2 L234.2
690.2 L219.4 687.7 L207.35 686.55 L200.75 686.75 L198.1 688.15 L200.4 690.7 L204.45
693.5 L210.05 696.15 L216.85 698.55 L224.95 700.8 L234.6 702.75 L246 704.45 L259.35
706 L276 707.35 L293.5 708.7 L312.05 709.8 L331.35 710.55 L351.15 711 L371.25 710.9
L391.45 710.25 L411.15 709.3 L428.15 707.6 L442.85 704.75 L456.35 701.05 L468.5
696.2 L480.35 690.35 L491.95 683.7 L502.85 676.85 L512.75 669.75 L521.3 662.4 L527.25
655.3 L531.05 648.85 L532.4 642.95 L530.6 637.35 L527.85 631.8 L524.1 626.55 L519.2
621.8 L513.8 617.2 L507.85 612.7 L501.4 608.25 L494.65 603 L487.35 596.05 L479.8
588.1 L472.2 579.6 L464.55 570.75 L457.05 562.25 L449.85 553.95 L443 546 L437.05
538.35 L432.35 531.2 L429.9 524.1 L429 516.65 L430 508.9 L432.25 501.3 L435.2 493.8
L439.2 486.55 L444.15 479.25 L450.3 472.4 L457.45 466.05 L465.4 460.3 L473.95 455.6
L483.15 452.95 L492.6 451.55 L502.35 451.25 L512.2 452.35 L522.1 454.95 L531.85
459.2 L541.45 464.4 L550.45 470.65 L558.7 477.65 L566.25 485 L572.8 492.55 L578.05
500.15 L582.1 507.6 L585.45 514.9 L587.85 521.75 L589.45 528.45 L589.7 534.7 L588.95
540.7 L587.4 546.5 L585.25 552.15 L582.55 557.65 L579.65 563 L576.3 567.9 L572.75
572.2 L568.7777777777778 578.1666666666666 L564.1875 581.625 L560.0714285714286
582.5 L555.6666666666666 582.5833333333334 L550.8 582.1 L545.875 581.625 L542.1666666666666
580.8333333333334 L538.75 579.5 L536 577.5" style="pointer-events: stroke;"></path><path
fill="none" stroke="hsl(328, 79%, 75%)" stroke-width="10" stroke-linecap="round"
d="M647 427 L653.6666666666666 417.3333333333333 L658.6 410.4 L664 402.14285714285717
L670.6666666666666 389.44444444444446 L675.7272727272727 378.09090909090907 L679.0769230769231
368.38461538461536 L680 359.93333333333334 L678.5294117647059 352.94117647058823
L674.421052631579 347.05263157894734 L671.5 344.6 L669.05 338.3 L665.5 332.85 L661.2
327.9 L656 323.5 L650.05 319.9 L643.75 316.65 L636.7 314.55 L629.1 313.65 L621.05
313.65 L612.85 314.2 L604.55 315.65 L596.25 317.7 L588 320.3 L580.05 323.8 L572.4
327.75 L565.3 332.15 L558.65 336.85 L552.85 341.85 L548.15 347.2 L544.75 352.7 L543.3
358.25 L543.1 363.65 L544.05 368.85 L546.3 374 L549.3 378.85 L552.7 383.65 L556.5
388.45 L560.55 393.15 L564.95 397.7 L569.6 402.05 L574.5 406 L579.45 410 L584.4
413.85 L589.45 417.5 L594.5 421 L599.7 424.65 L604.9 428.35 L610.15 432.55 L615.05
436.75 L619.45 441.05 L622.8 445.5 L625.6 450.1 L627.8 454.9 L629.35 459.75 L630.65
464.65 L631.45 469.35 L631.9 473.8 L631.95 478 L630.65 481.85 L627.95 485.5 L624.15
489 L619.55 491.85 L614.25 494.25 L608.8 496.2 L603.05 497.6 L596.8 497.85 L590.4
497.55 L582.7 495.75 L574.45 493.2 L565.65 489.95 L556 485.9 L545.8 481.4 L535.15
476.4 L524.25 471 L513.2 465.3 L501.9 459.45 L490.3 453.55 L478.15 447.55 L466.4
441.75 L455.05 436.05 L443.8 430.5 L432.85 425.25 L422.35 420.3 L411.85 415.5 L401.65
411.35 L391.8 408.15 L382.2 405.4 L373.85 403.7 L366.15 402.6 L360.1 402.65 L354.95
403.15 L350.6 403.9 L348.45 404.95 L348.05 406.6 L350.85 409.8 L359.05 415.35 L372.9
423.75 L389.05 433.2 L406.25 442.85 L424.4 452.65 L443.4 461.95 L462.95 470.85 L482.95
479.4 L503.3 487.4 L523.7 494.95 L544.15 502.05 L564.65 509.75 L584.95 521.7 L603.3
536.5 L620.2 550.85 L636.6 565.55 L652.15 580.5 L665.5 595.7 L677 610.75 L685.35
624.45 L688.65 635.55 L686.7 643.8 L683.25 650.9 L679.5 657.5 L675.65 663.85 L671.7777777777778
674.1111111111111 L666.125 688.75 L658.3571428571429 709 L647.6666666666666 726.25
L641.1 728.7 L635.875 729.125 L633.3333333333334 725.8333333333334 L632.25 719.75
L632 713.5" style="pointer-events: stroke;"></path><path fill="none" stroke="hsl(252,
72%, 75%)" stroke-width="10" stroke-linecap="round" d="M635 703" style="pointer-events:
stroke;"></path><path fill="none" stroke="hsl(8, 53%, 75%)" stroke-width="10" stroke-linecap="round"
d="M705 626 L727.6666666666666 581.6666666666666 L751 533 L770.7142857142857 494.42857142857144
L784.4444444444445 462.77777777777777 L793.8181818181819 434.54545454545456 L799.8461538461538
409.15384615384613 L802.8666666666667 385.26666666666665 L804 364.5882352941176
L803.9473684210526 347.5263157894737 L803.25 340.1 L807 318.5 L807.85 298 L805.5
278.55 L800.5 260.7 L790.6 245.25 L777.85 230.6 L763.35 216.75 L747.7 204.25 L731.15
193 L714.05 182.9 L696.05 174.5 L677.6 167.25 L658.35 161.25 L639.2 156.6 L620.15
152.8 L600.95 149.9 L581.9 147.5 L562.95 145.5 L543.65 144.1 L523.95 143.8 L501.7
146.35 L480.55 150.8 L460.65 158.15 L442.4 166.55 L427.05 176.4 L413.95 187.1 L402.15
198.4 L391 210.3 L380.45 223.35 L370.35 236.5 L361.15 249.55 L352.55 262.45 L345
275.15 L337.75 287.85 L330.85 300.55 L324.55 313.1 L318.45 325.45 L312.7 337.65
L307.6 349.4 L303.65 360.35 L302.8 368.85 L301.6111111111111 378.94444444444446
L301.6875 387.625 L302.14285714285717 395.42857142857144 L303.5833333333333 400.6666666666667
L305.9 403.9 L308.75 406.625 L312 409 L315 410.75 L317.5 413.5" style="pointer-events:
stroke;"></path><path fill="none" stroke="hsl(127, 55%, 75%)" stroke-width="10"
stroke-linecap="round" d="M327 492 L301.3333333333333 475 L266.8 450.4 L244.42857142857142
422.42857142857144 L230 386.22222222222223 L220.63636363636363 349.8181818181818
L214.23076923076923 317.2307692307692 L211.13333333333333 287.6666666666667 L210.58823529411765
262.05882352941177 L211.68421052631578 239.8421052631579 L212.7 229.8 L208.4 206.8
L206.1 184.4 L206.3 162.25 L209.75 141.45 L215.25 121.4 L229.25 103.15 L245.15 87.45
L262.3 75 L280.5 65 L299.4 57.15 L319.15 52 L339.45 48.4 L360.25 46 L381.1 45.65
L402.05 46.55 L423.05 48.95 L443.5 52.65 L463.65 57.95 L483.35 65.55 L502.55 74.9
L521.3 85.25 L539.25 97.25 L556 110.45 L571.95 124.45 L586.85 139.75 L594 155.75
L599.7 171.5 L604.6 187.1 L608.7 202.7 L612.35 218.65 L615.25 234.15 L617.65 249.3
L619.5 264.2 L620.95 278.65 L621.9 292.8 L622.45 306.2 L622.9 319.25 L623.45 331.4
L624.35 341.85 L625.5 351.1 L626.75 359.9 L627.6 368.95 L629.1 379.3 L632.2 389.9
L637.95 400.15 L646.55 409.6 L657.85 418.95 L672.3 428.3 L687.55 437.2 L703.6 445.3
L719.5 452.65 L734.9 458.85 L749.95 463.95 L764.65 468.4 L779.15 472.05 L793.55
475.15 L807.65 477.55 L821.25 479.2 L834.1 480.3 L846.3 481.2 L857.8 482.1 L869.3
481.6 L879.5 479.75 L887.3 477.85 L891.35 477 L891.6 477.1 L888.55 477.65 L881.75
478.65 L873.4 480.75 L863.5 483.8 L853.35 488.25 L843.3 494.6 L833.35 502.2 L823.6
510.55 L814 519.85 L804.55 529.75 L795.35 540.25 L786.5 550.6 L778 561.15 L769.65
572.15 L761.8 583.3 L754.35 594.55 L747.45 605.5 L741.35 616.05 L736.3 625.15 L732
633.45 L729 642.45 L727.8 651.2 L728.65 659.2 L732.05 666.9 L739.6 674.4 L748.8
681.05 L759.25 687.35 L770.4 693.45 L781.75 699.1 L790.2 704.55 L796.45 709.75 L800.6
715.25 L802.85 720.15 L804.65 724.5 L806.15 728.35 L806.95 731.75 L807.55 734.65
L807.95 737.25 L808.1 739.65 L808.25 741.7 L806.9 742.05 L803.4 741.4 L798.5 739.95
L791.7 737.85 L781.3 735.05 L764.3888888888889 732.2222222222222 L740.375 728.5
L720.9285714285714 723.8571428571429 L709.5833333333334 720.0833333333334 L701.9
717.2 L696 714.375 L690 710.6666666666666 L684 705 L687 703" style="pointer-events:
stroke;"></path><path fill="none" stroke="hsl(208, 51%, 75%)" stroke-width="10"
stroke-linecap="round" d="M694 701" style="pointer-events: stroke;"></path></svg>'
date: '2022-02-16'
decay: '50'
description: just the second
drum: '100'
drum_mod: '50'
name: Second test
pitch: '50'
pitch_mod: '50'
slug: Second_test
tempo: '50'
tempo_mod: '50'

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 67 KiB

@ -0,0 +1,175 @@
<svg width="1013" height="860" viewBox="0 0 1013 860" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Bastl Drum ">
<g id="graphics">
<path id="DRUM MOD" d="M110.8 230V208.525H118.197C119.867 208.525 121.142 208.628 122.021 208.833C123.251 209.116 124.301 209.629 125.17 210.371C126.303 211.328 127.147 212.554 127.704 214.048C128.271 215.532 128.554 217.231 128.554 219.146C128.554 220.776 128.363 222.222 127.982 223.481C127.602 224.741 127.113 225.786 126.518 226.616C125.922 227.437 125.268 228.086 124.555 228.564C123.852 229.033 122.997 229.39 121.991 229.634C120.995 229.878 119.848 230 118.549 230H110.8ZM113.642 227.466H118.227C119.643 227.466 120.751 227.334 121.552 227.07C122.362 226.807 123.007 226.436 123.485 225.957C124.159 225.283 124.682 224.38 125.053 223.247C125.434 222.104 125.624 220.723 125.624 219.102C125.624 216.855 125.253 215.132 124.511 213.931C123.778 212.72 122.885 211.909 121.83 211.499C121.068 211.206 119.843 211.06 118.153 211.06H113.642V227.466ZM132.523 230V208.525H142.045C143.959 208.525 145.414 208.721 146.41 209.111C147.406 209.492 148.202 210.171 148.798 211.147C149.394 212.124 149.691 213.203 149.691 214.385C149.691 215.908 149.198 217.192 148.212 218.237C147.226 219.282 145.702 219.946 143.642 220.229C144.394 220.591 144.965 220.947 145.355 221.299C146.186 222.061 146.972 223.013 147.714 224.155L151.449 230H147.875L145.033 225.532C144.203 224.243 143.52 223.257 142.982 222.573C142.445 221.89 141.962 221.411 141.532 221.138C141.112 220.864 140.683 220.674 140.243 220.566C139.921 220.498 139.394 220.464 138.661 220.464H135.365V230H132.523ZM135.365 218.003H141.474C142.772 218.003 143.788 217.871 144.521 217.607C145.253 217.334 145.81 216.904 146.19 216.318C146.571 215.723 146.762 215.078 146.762 214.385C146.762 213.369 146.391 212.534 145.648 211.88C144.916 211.226 143.754 210.898 142.162 210.898H135.365V218.003ZM168.251 208.525H171.093V220.933C171.093 223.091 170.849 224.805 170.36 226.074C169.872 227.344 168.988 228.379 167.709 229.18C166.439 229.971 164.77 230.366 162.699 230.366C160.688 230.366 159.042 230.02 157.763 229.326C156.483 228.633 155.57 227.632 155.023 226.323C154.477 225.005 154.203 223.208 154.203 220.933V208.525H157.045V220.918C157.045 222.783 157.216 224.16 157.558 225.049C157.909 225.928 158.505 226.606 159.345 227.085C160.194 227.563 161.229 227.803 162.45 227.803C164.54 227.803 166.029 227.329 166.918 226.382C167.807 225.435 168.251 223.613 168.251 220.918V208.525ZM175.751 230V208.525H180.028L185.111 223.73C185.58 225.146 185.922 226.206 186.137 226.909C186.381 226.128 186.762 224.98 187.279 223.467L192.421 208.525H196.244V230H193.505V212.026L187.265 230H184.701L178.49 211.719V230H175.751ZM120.717 255V233.525H124.994L130.077 248.73C130.546 250.146 130.888 251.206 131.103 251.909C131.347 251.128 131.728 249.98 132.245 248.467L137.387 233.525H141.21V255H138.471V237.026L132.23 255H129.667L123.456 236.719V255H120.717ZM144.931 244.541C144.931 240.977 145.888 238.188 147.802 236.177C149.716 234.155 152.187 233.145 155.214 233.145C157.196 233.145 158.983 233.618 160.575 234.565C162.167 235.513 163.378 236.836 164.208 238.535C165.048 240.225 165.468 242.144 165.468 244.292C165.468 246.47 165.028 248.418 164.149 250.137C163.271 251.855 162.025 253.159 160.414 254.048C158.803 254.927 157.064 255.366 155.199 255.366C153.178 255.366 151.371 254.878 149.779 253.901C148.188 252.925 146.981 251.592 146.161 249.902C145.341 248.213 144.931 246.426 144.931 244.541ZM147.86 244.585C147.86 247.173 148.554 249.214 149.94 250.708C151.337 252.192 153.085 252.935 155.185 252.935C157.323 252.935 159.081 252.183 160.458 250.679C161.845 249.175 162.538 247.041 162.538 244.277C162.538 242.529 162.24 241.006 161.645 239.707C161.059 238.398 160.194 237.388 159.052 236.675C157.919 235.952 156.645 235.591 155.229 235.591C153.217 235.591 151.483 236.284 150.028 237.671C148.583 239.048 147.86 241.353 147.86 244.585ZM169.145 255V233.525H176.542C178.212 233.525 179.486 233.628 180.365 233.833C181.596 234.116 182.646 234.629 183.515 235.371C184.647 236.328 185.492 237.554 186.049 239.048C186.615 240.532 186.898 242.231 186.898 244.146C186.898 245.776 186.708 247.222 186.327 248.481C185.946 249.741 185.458 250.786 184.862 251.616C184.267 252.437 183.612 253.086 182.899 253.564C182.196 254.033 181.342 254.39 180.336 254.634C179.34 254.878 178.192 255 176.894 255H169.145ZM171.986 252.466H176.571C177.987 252.466 179.096 252.334 179.896 252.07C180.707 251.807 181.352 251.436 181.83 250.957C182.504 250.283 183.026 249.38 183.397 248.247C183.778 247.104 183.969 245.723 183.969 244.102C183.969 241.855 183.598 240.132 182.855 238.931C182.123 237.72 181.229 236.909 180.175 236.499C179.413 236.206 178.188 236.06 176.498 236.06H171.986V252.466Z" fill="black"/>
<path id="TRIG IN" d="M294.229 597V578.06H287.154V575.525H304.176V578.06H297.071V597H294.229ZM307.149 597V575.525H316.671C318.585 575.525 320.04 575.721 321.036 576.111C322.032 576.492 322.828 577.171 323.424 578.147C324.02 579.124 324.317 580.203 324.317 581.385C324.317 582.908 323.824 584.192 322.838 585.237C321.852 586.282 320.328 586.946 318.268 587.229C319.02 587.591 319.591 587.947 319.981 588.299C320.812 589.061 321.598 590.013 322.34 591.155L326.075 597H322.501L319.659 592.532C318.829 591.243 318.146 590.257 317.608 589.573C317.071 588.89 316.588 588.411 316.158 588.138C315.738 587.864 315.309 587.674 314.869 587.566C314.547 587.498 314.02 587.464 313.287 587.464H309.991V597H307.149ZM309.991 585.003H316.1C317.398 585.003 318.414 584.871 319.146 584.607C319.879 584.334 320.436 583.904 320.816 583.318C321.197 582.723 321.388 582.078 321.388 581.385C321.388 580.369 321.017 579.534 320.274 578.88C319.542 578.226 318.38 577.898 316.788 577.898H309.991V585.003ZM329.269 597V575.525H332.11V597H329.269ZM347.184 588.577V586.058L356.28 586.043V594.012C354.884 595.125 353.443 595.965 351.959 596.531C350.475 597.088 348.951 597.366 347.389 597.366C345.279 597.366 343.36 596.917 341.632 596.019C339.913 595.11 338.614 593.802 337.735 592.093C336.856 590.384 336.417 588.475 336.417 586.365C336.417 584.275 336.852 582.327 337.721 580.521C338.6 578.704 339.859 577.356 341.5 576.478C343.141 575.599 345.03 575.159 347.169 575.159C348.722 575.159 350.123 575.413 351.373 575.921C352.633 576.419 353.619 577.117 354.332 578.016C355.045 578.914 355.587 580.086 355.958 581.531L353.395 582.234C353.072 581.141 352.672 580.281 352.193 579.656C351.715 579.031 351.031 578.533 350.143 578.162C349.254 577.781 348.268 577.591 347.184 577.591C345.885 577.591 344.762 577.791 343.814 578.191C342.867 578.582 342.101 579.1 341.515 579.744C340.938 580.389 340.489 581.097 340.167 581.868C339.62 583.196 339.347 584.637 339.347 586.189C339.347 588.104 339.674 589.705 340.328 590.994C340.992 592.283 341.954 593.24 343.214 593.865C344.474 594.49 345.812 594.803 347.228 594.803C348.458 594.803 349.659 594.568 350.831 594.1C352.003 593.621 352.892 593.113 353.497 592.576V588.577H347.184ZM369.317 597V575.525H372.159V597H369.317ZM377.154 597V575.525H380.069L391.349 592.386V575.525H394.073V597H391.158L379.879 580.125V597H377.154Z" fill="black"/>
<path id="DECAY" d="M457.733 447V425.525H465.131C466.801 425.525 468.075 425.628 468.954 425.833C470.185 426.116 471.234 426.629 472.104 427.371C473.236 428.328 474.081 429.554 474.638 431.048C475.204 432.532 475.487 434.231 475.487 436.146C475.487 437.776 475.297 439.222 474.916 440.481C474.535 441.741 474.047 442.786 473.451 443.616C472.855 444.437 472.201 445.086 471.488 445.564C470.785 446.033 469.931 446.39 468.925 446.634C467.929 446.878 466.781 447 465.482 447H457.733ZM460.575 444.466H465.16C466.576 444.466 467.685 444.334 468.485 444.07C469.296 443.807 469.94 443.436 470.419 442.957C471.093 442.283 471.615 441.38 471.986 440.247C472.367 439.104 472.558 437.723 472.558 436.102C472.558 433.855 472.187 432.132 471.444 430.931C470.712 429.72 469.818 428.909 468.764 428.499C468.002 428.206 466.776 428.06 465.087 428.06H460.575V444.466ZM479.472 447V425.525H494.999V428.06H482.313V434.637H494.193V437.156H482.313V444.466H495.497V447H479.472ZM514.745 439.471L517.587 440.188C516.991 442.522 515.917 444.305 514.364 445.535C512.821 446.756 510.932 447.366 508.695 447.366C506.381 447.366 504.496 446.897 503.041 445.96C501.596 445.013 500.492 443.646 499.73 441.858C498.979 440.071 498.603 438.152 498.603 436.102C498.603 433.865 499.027 431.917 499.877 430.257C500.736 428.587 501.952 427.322 503.524 426.463C505.106 425.594 506.845 425.159 508.739 425.159C510.888 425.159 512.694 425.706 514.159 426.8C515.624 427.894 516.645 429.432 517.221 431.414L514.423 432.073C513.925 430.511 513.202 429.373 512.255 428.66C511.308 427.947 510.116 427.591 508.681 427.591C507.03 427.591 505.648 427.986 504.535 428.777C503.432 429.568 502.655 430.633 502.206 431.971C501.757 433.299 501.532 434.671 501.532 436.087C501.532 437.913 501.796 439.51 502.323 440.877C502.86 442.234 503.69 443.25 504.813 443.924C505.937 444.598 507.152 444.935 508.461 444.935C510.053 444.935 511.4 444.476 512.504 443.558C513.607 442.64 514.354 441.277 514.745 439.471ZM518.744 447L526.991 425.525H530.053L538.842 447H535.604L533.1 440.496H524.12L521.762 447H518.744ZM524.94 438.182H532.221L529.979 432.234C529.296 430.428 528.788 428.943 528.456 427.781C528.183 429.158 527.797 430.525 527.299 431.883L524.94 438.182ZM544.936 447V437.903L536.659 425.525H540.116L544.35 432C545.131 433.211 545.858 434.422 546.532 435.633C547.177 434.51 547.958 433.245 548.876 431.839L553.036 425.525H556.347L547.777 437.903V447H544.936Z" fill="black"/>
<path id="&#226;&#128;&#153;&#226;&#128;&#153;" d="M719.915 419.367V416.306H722.742V418.723C722.742 420.031 722.591 420.974 722.288 421.55C721.868 422.341 721.214 422.937 720.325 423.337L719.681 422.297C720.208 422.082 720.599 421.745 720.853 421.286C721.116 420.817 721.263 420.178 721.292 419.367H719.915ZM726.038 419.367V416.306H728.865V418.723C728.865 420.031 728.714 420.974 728.411 421.55C727.991 422.341 727.337 422.937 726.448 423.337L725.804 422.297C726.331 422.082 726.722 421.745 726.976 421.286C727.239 420.817 727.386 420.178 727.415 419.367H726.038Z" fill="black"/>
<path id="&#226;&#128;&#153;&#226;&#128;&#153;_2" d="M615.085 419.367V416.306H612.258V418.723C612.258 420.031 612.409 420.974 612.712 421.55C613.132 422.341 613.786 422.937 614.675 423.337L615.319 422.297C614.792 422.082 614.401 421.745 614.147 421.286C613.884 420.817 613.737 420.178 613.708 419.367H615.085ZM608.962 419.367V416.306H606.135V418.723C606.135 420.031 606.286 420.974 606.589 421.55C607.009 422.341 607.663 422.937 608.552 423.337L609.196 422.297C608.669 422.082 608.278 421.745 608.024 421.286C607.761 420.817 607.614 420.178 607.585 419.367H608.962Z" fill="black"/>
<path id="L" d="M275.348 441V419.525H278.189V438.466H288.766V441H275.348Z" fill="black"/>
<path id="R" d="M396.519 441V419.525H406.04C407.954 419.525 409.409 419.721 410.405 420.111C411.401 420.492 412.197 421.171 412.793 422.147C413.389 423.124 413.687 424.203 413.687 425.385C413.687 426.908 413.193 428.192 412.207 429.237C411.221 430.282 409.697 430.946 407.637 431.229C408.389 431.591 408.96 431.947 409.351 432.299C410.181 433.061 410.967 434.013 411.709 435.155L415.444 441H411.87L409.028 436.532C408.198 435.243 407.515 434.257 406.978 433.573C406.44 432.89 405.957 432.411 405.527 432.138C405.107 431.864 404.678 431.674 404.238 431.566C403.916 431.498 403.389 431.464 402.656 431.464H399.36V441H396.519ZM399.36 429.003H405.469C406.768 429.003 407.783 428.871 408.516 428.607C409.248 428.334 409.805 427.904 410.186 427.318C410.566 426.723 410.757 426.078 410.757 425.385C410.757 424.369 410.386 423.534 409.644 422.88C408.911 422.226 407.749 421.898 406.157 421.898H399.36V429.003Z" fill="black"/>
<path id="DRUMS" d="M612.795 495V473.525H620.192C621.862 473.525 623.137 473.628 624.016 473.833C625.246 474.116 626.296 474.629 627.165 475.371C628.298 476.328 629.143 477.554 629.699 479.048C630.266 480.532 630.549 482.231 630.549 484.146C630.549 485.776 630.358 487.222 629.978 488.481C629.597 489.741 629.108 490.786 628.513 491.616C627.917 492.437 627.263 493.086 626.55 493.564C625.847 494.033 624.992 494.39 623.986 494.634C622.99 494.878 621.843 495 620.544 495H612.795ZM615.637 492.466H620.222C621.638 492.466 622.746 492.334 623.547 492.07C624.357 491.807 625.002 491.436 625.48 490.957C626.154 490.283 626.677 489.38 627.048 488.247C627.429 487.104 627.619 485.723 627.619 484.102C627.619 481.855 627.248 480.132 626.506 478.931C625.773 477.72 624.88 476.909 623.825 476.499C623.063 476.206 621.838 476.06 620.148 476.06H615.637V492.466ZM634.519 495V473.525H644.04C645.954 473.525 647.409 473.721 648.405 474.111C649.401 474.492 650.197 475.171 650.793 476.147C651.389 477.124 651.687 478.203 651.687 479.385C651.687 480.908 651.193 482.192 650.207 483.237C649.221 484.282 647.697 484.946 645.637 485.229C646.389 485.591 646.96 485.947 647.351 486.299C648.181 487.061 648.967 488.013 649.709 489.155L653.444 495H649.87L647.028 490.532C646.198 489.243 645.515 488.257 644.978 487.573C644.44 486.89 643.957 486.411 643.527 486.138C643.107 485.864 642.678 485.674 642.238 485.566C641.916 485.498 641.389 485.464 640.656 485.464H637.36V495H634.519ZM637.36 483.003H643.469C644.768 483.003 645.783 482.871 646.516 482.607C647.248 482.334 647.805 481.904 648.186 481.318C648.566 480.723 648.757 480.078 648.757 479.385C648.757 478.369 648.386 477.534 647.644 476.88C646.911 476.226 645.749 475.898 644.157 475.898H637.36V483.003ZM670.246 473.525H673.088V485.933C673.088 488.091 672.844 489.805 672.355 491.074C671.867 492.344 670.983 493.379 669.704 494.18C668.435 494.971 666.765 495.366 664.694 495.366C662.683 495.366 661.037 495.02 659.758 494.326C658.479 493.633 657.565 492.632 657.019 491.323C656.472 490.005 656.198 488.208 656.198 485.933V473.525H659.04V485.918C659.04 487.783 659.211 489.16 659.553 490.049C659.904 490.928 660.5 491.606 661.34 492.085C662.189 492.563 663.225 492.803 664.445 492.803C666.535 492.803 668.024 492.329 668.913 491.382C669.802 490.435 670.246 488.613 670.246 485.918V473.525ZM677.746 495V473.525H682.023L687.106 488.73C687.575 490.146 687.917 491.206 688.132 491.909C688.376 491.128 688.757 489.98 689.274 488.467L694.416 473.525H698.239V495H695.5V477.026L689.26 495H686.696L680.485 476.719V495H677.746ZM701.857 488.101L704.538 487.866C704.665 488.94 704.958 489.824 705.417 490.518C705.886 491.201 706.608 491.758 707.585 492.188C708.562 492.607 709.66 492.817 710.881 492.817C711.965 492.817 712.922 492.656 713.752 492.334C714.582 492.012 715.197 491.572 715.598 491.016C716.008 490.449 716.213 489.834 716.213 489.17C716.213 488.496 716.018 487.91 715.627 487.412C715.236 486.904 714.592 486.479 713.693 486.138C713.117 485.913 711.843 485.566 709.87 485.098C707.897 484.619 706.516 484.17 705.725 483.75C704.699 483.213 703.933 482.549 703.425 481.758C702.927 480.957 702.678 480.063 702.678 479.077C702.678 477.993 702.985 476.982 703.601 476.045C704.216 475.098 705.114 474.38 706.296 473.892C707.478 473.403 708.791 473.159 710.236 473.159C711.828 473.159 713.229 473.418 714.44 473.936C715.661 474.443 716.599 475.195 717.253 476.191C717.907 477.188 718.259 478.315 718.308 479.575L715.583 479.78C715.437 478.423 714.938 477.397 714.089 476.704C713.249 476.011 712.004 475.664 710.354 475.664C708.635 475.664 707.38 475.981 706.589 476.616C705.808 477.241 705.417 477.998 705.417 478.887C705.417 479.658 705.695 480.293 706.252 480.791C706.799 481.289 708.225 481.802 710.529 482.329C712.844 482.847 714.431 483.301 715.29 483.691C716.54 484.268 717.463 485 718.059 485.889C718.654 486.768 718.952 487.783 718.952 488.936C718.952 490.078 718.625 491.157 717.971 492.173C717.316 493.179 716.374 493.965 715.144 494.531C713.923 495.088 712.546 495.366 711.013 495.366C709.069 495.366 707.438 495.083 706.12 494.517C704.812 493.95 703.781 493.101 703.029 491.968C702.287 490.825 701.896 489.536 701.857 488.101Z" fill="black"/>
<path id="NOISES" d="M870.877 555V533.525H873.792L885.071 550.386V533.525H887.796V555H884.881L873.602 538.125V555H870.877ZM891.722 544.541C891.722 540.977 892.679 538.188 894.593 536.177C896.507 534.155 898.978 533.145 902.005 533.145C903.987 533.145 905.774 533.618 907.366 534.565C908.958 535.513 910.169 536.836 910.999 538.535C911.839 540.225 912.259 542.144 912.259 544.292C912.259 546.47 911.819 548.418 910.94 550.137C910.062 551.855 908.816 553.159 907.205 554.048C905.594 554.927 903.855 555.366 901.99 555.366C899.969 555.366 898.162 554.878 896.57 553.901C894.979 552.925 893.772 551.592 892.952 549.902C892.132 548.213 891.722 546.426 891.722 544.541ZM894.651 544.585C894.651 547.173 895.345 549.214 896.731 550.708C898.128 552.192 899.876 552.935 901.976 552.935C904.114 552.935 905.872 552.183 907.249 550.679C908.636 549.175 909.329 547.041 909.329 544.277C909.329 542.529 909.031 541.006 908.436 539.707C907.85 538.398 906.985 537.388 905.843 536.675C904.71 535.952 903.436 535.591 902.02 535.591C900.008 535.591 898.274 536.284 896.819 537.671C895.374 539.048 894.651 541.353 894.651 544.585ZM916.419 555V533.525H919.261V555H916.419ZM923.318 548.101L925.999 547.866C926.126 548.94 926.419 549.824 926.878 550.518C927.347 551.201 928.069 551.758 929.046 552.188C930.022 552.607 931.121 552.817 932.342 552.817C933.426 552.817 934.383 552.656 935.213 552.334C936.043 552.012 936.658 551.572 937.059 551.016C937.469 550.449 937.674 549.834 937.674 549.17C937.674 548.496 937.479 547.91 937.088 547.412C936.697 546.904 936.053 546.479 935.154 546.138C934.578 545.913 933.304 545.566 931.331 545.098C929.358 544.619 927.977 544.17 927.186 543.75C926.16 543.213 925.394 542.549 924.886 541.758C924.388 540.957 924.139 540.063 924.139 539.077C924.139 537.993 924.446 536.982 925.062 536.045C925.677 535.098 926.575 534.38 927.757 533.892C928.938 533.403 930.252 533.159 931.697 533.159C933.289 533.159 934.69 533.418 935.901 533.936C937.122 534.443 938.06 535.195 938.714 536.191C939.368 537.188 939.72 538.315 939.769 539.575L937.044 539.78C936.897 538.423 936.399 537.397 935.55 536.704C934.71 536.011 933.465 535.664 931.814 535.664C930.096 535.664 928.841 535.981 928.05 536.616C927.269 537.241 926.878 537.998 926.878 538.887C926.878 539.658 927.156 540.293 927.713 540.791C928.26 541.289 929.686 541.802 931.99 542.329C934.305 542.847 935.892 543.301 936.751 543.691C938.001 544.268 938.924 545 939.52 545.889C940.115 546.768 940.413 547.783 940.413 548.936C940.413 550.078 940.086 551.157 939.432 552.173C938.777 553.179 937.835 553.965 936.604 554.531C935.384 555.088 934.007 555.366 932.474 555.366C930.53 555.366 928.899 555.083 927.581 554.517C926.272 553.95 925.242 553.101 924.49 551.968C923.748 550.825 923.357 549.536 923.318 548.101ZM944.354 555V533.525H959.881V536.06H947.195V542.637H959.075V545.156H947.195V552.466H960.379V555H944.354ZM963.338 548.101L966.019 547.866C966.146 548.94 966.438 549.824 966.897 550.518C967.366 551.201 968.089 551.758 969.065 552.188C970.042 552.607 971.141 552.817 972.361 552.817C973.445 552.817 974.402 552.656 975.232 552.334C976.062 552.012 976.678 551.572 977.078 551.016C977.488 550.449 977.693 549.834 977.693 549.17C977.693 548.496 977.498 547.91 977.107 547.412C976.717 546.904 976.072 546.479 975.174 546.138C974.598 545.913 973.323 545.566 971.351 545.098C969.378 544.619 967.996 544.17 967.205 543.75C966.18 543.213 965.413 542.549 964.905 541.758C964.407 540.957 964.158 540.063 964.158 539.077C964.158 537.993 964.466 536.982 965.081 536.045C965.696 535.098 966.595 534.38 967.776 533.892C968.958 533.403 970.271 533.159 971.717 533.159C973.309 533.159 974.71 533.418 975.921 533.936C977.142 534.443 978.079 535.195 978.733 536.191C979.388 537.188 979.739 538.315 979.788 539.575L977.063 539.78C976.917 538.423 976.419 537.397 975.569 536.704C974.729 536.011 973.484 535.664 971.834 535.664C970.115 535.664 968.86 535.981 968.069 536.616C967.288 537.241 966.897 537.998 966.897 538.887C966.897 539.658 967.176 540.293 967.732 540.791C968.279 541.289 969.705 541.802 972.01 542.329C974.324 542.847 975.911 543.301 976.771 543.691C978.021 544.268 978.943 545 979.539 545.889C980.135 546.768 980.433 547.783 980.433 548.936C980.433 550.078 980.105 551.157 979.451 552.173C978.797 553.179 977.854 553.965 976.624 554.531C975.403 555.088 974.026 555.366 972.493 555.366C970.55 555.366 968.919 555.083 967.601 554.517C966.292 553.95 965.262 553.101 964.51 551.968C963.768 550.825 963.377 549.536 963.338 548.101Z" fill="black"/>
<path id="CLK" d="M941.248 623.471L944.09 624.188C943.494 626.522 942.42 628.305 940.867 629.535C939.324 630.756 937.435 631.366 935.198 631.366C932.884 631.366 930.999 630.897 929.544 629.96C928.099 629.013 926.995 627.646 926.233 625.858C925.481 624.071 925.105 622.152 925.105 620.102C925.105 617.865 925.53 615.917 926.38 614.257C927.239 612.587 928.455 611.322 930.027 610.463C931.609 609.594 933.348 609.159 935.242 609.159C937.391 609.159 939.197 609.706 940.662 610.8C942.127 611.894 943.147 613.432 943.724 615.414L940.926 616.073C940.428 614.511 939.705 613.373 938.758 612.66C937.811 611.947 936.619 611.591 935.184 611.591C933.533 611.591 932.151 611.986 931.038 612.777C929.935 613.568 929.158 614.633 928.709 615.971C928.26 617.299 928.035 618.671 928.035 620.087C928.035 621.913 928.299 623.51 928.826 624.877C929.363 626.234 930.193 627.25 931.316 627.924C932.439 628.598 933.655 628.935 934.964 628.935C936.556 628.935 937.903 628.476 939.007 627.558C940.11 626.64 940.857 625.277 941.248 623.471ZM947.488 631V609.525H950.33V628.466H960.906V631H947.488ZM964.188 631V609.525H967.029V620.175L977.693 609.525H981.546L972.537 618.227L981.941 631H978.191L970.545 620.131L967.029 623.559V631H964.188Z" fill="black"/>
<path id="LFO" d="M925.809 707V685.525H928.65V704.466H939.227V707H925.809ZM942.771 707V685.525H957.259V688.06H945.613V694.71H955.691V697.244H945.613V707H942.771ZM960.101 696.541C960.101 692.977 961.058 690.188 962.972 688.177C964.886 686.155 967.356 685.145 970.384 685.145C972.366 685.145 974.153 685.618 975.745 686.565C977.337 687.513 978.548 688.836 979.378 690.535C980.218 692.225 980.638 694.144 980.638 696.292C980.638 698.47 980.198 700.418 979.319 702.137C978.44 703.855 977.195 705.159 975.584 706.048C973.973 706.927 972.234 707.366 970.369 707.366C968.348 707.366 966.541 706.878 964.949 705.901C963.357 704.925 962.151 703.592 961.331 701.902C960.511 700.213 960.101 698.426 960.101 696.541ZM963.03 696.585C963.03 699.173 963.724 701.214 965.11 702.708C966.507 704.192 968.255 704.935 970.354 704.935C972.493 704.935 974.251 704.183 975.628 702.679C977.015 701.175 977.708 699.041 977.708 696.277C977.708 694.529 977.41 693.006 976.814 691.707C976.229 690.398 975.364 689.388 974.222 688.675C973.089 687.952 971.814 687.591 970.398 687.591C968.387 687.591 966.653 688.284 965.198 689.671C963.753 691.048 963.03 693.353 963.03 696.585Z" fill="black"/>
<path id="TEMPO" d="M799.929 784V765.06H792.854V762.525H809.875V765.06H802.771V784H799.929ZM812.863 784V762.525H828.391V765.06H815.705V771.637H827.585V774.156H815.705V781.466H828.889V784H812.863ZM832.727 784V762.525H837.004L842.087 777.73C842.556 779.146 842.897 780.206 843.112 780.909C843.356 780.128 843.737 778.98 844.255 777.467L849.396 762.525H853.22V784H850.48V766.026L844.24 784H841.677L835.466 765.719V784H832.727ZM857.805 784V762.525H865.905C867.331 762.525 868.42 762.594 869.172 762.73C870.227 762.906 871.11 763.243 871.823 763.741C872.536 764.229 873.107 764.918 873.537 765.807C873.977 766.695 874.196 767.672 874.196 768.736C874.196 770.562 873.615 772.11 872.453 773.38C871.291 774.64 869.191 775.27 866.154 775.27H860.646V784H857.805ZM860.646 772.735H866.198C868.034 772.735 869.338 772.394 870.109 771.71C870.881 771.026 871.267 770.064 871.267 768.824C871.267 767.926 871.037 767.159 870.578 766.524C870.129 765.88 869.533 765.455 868.791 765.25C868.312 765.123 867.429 765.06 866.14 765.06H860.646V772.735ZM876.95 773.541C876.95 769.977 877.907 767.188 879.821 765.177C881.735 763.155 884.206 762.145 887.233 762.145C889.216 762.145 891.003 762.618 892.595 763.565C894.187 764.513 895.397 765.836 896.228 767.535C897.067 769.225 897.487 771.144 897.487 773.292C897.487 775.47 897.048 777.418 896.169 779.137C895.29 780.855 894.045 782.159 892.434 783.048C890.822 783.927 889.084 784.366 887.219 784.366C885.197 784.366 883.391 783.878 881.799 782.901C880.207 781.925 879.001 780.592 878.181 778.902C877.36 777.213 876.95 775.426 876.95 773.541ZM879.88 773.585C879.88 776.173 880.573 778.214 881.96 779.708C883.356 781.192 885.104 781.935 887.204 781.935C889.343 781.935 891.101 781.183 892.478 779.679C893.864 778.175 894.558 776.041 894.558 773.277C894.558 771.529 894.26 770.006 893.664 768.707C893.078 767.398 892.214 766.388 891.071 765.675C889.938 764.952 888.664 764.591 887.248 764.591C885.236 764.591 883.503 765.284 882.048 766.671C880.603 768.048 879.88 770.353 879.88 773.585Z" fill="black"/>
<path id="PITCH" d="M817.785 495V473.525H825.886C827.312 473.525 828.4 473.594 829.152 473.73C830.207 473.906 831.091 474.243 831.804 474.741C832.517 475.229 833.088 475.918 833.518 476.807C833.957 477.695 834.177 478.672 834.177 479.736C834.177 481.562 833.596 483.11 832.434 484.38C831.271 485.64 829.172 486.27 826.135 486.27H820.627V495H817.785ZM820.627 483.735H826.179C828.015 483.735 829.318 483.394 830.09 482.71C830.861 482.026 831.247 481.064 831.247 479.824C831.247 478.926 831.018 478.159 830.559 477.524C830.109 476.88 829.514 476.455 828.771 476.25C828.293 476.123 827.409 476.06 826.12 476.06H820.627V483.735ZM838.278 495V473.525H841.12V495H838.278ZM851.608 495V476.06H844.533V473.525H861.555V476.06H854.45V495H851.608ZM879.807 487.471L882.648 488.188C882.053 490.522 880.979 492.305 879.426 493.535C877.883 494.756 875.993 495.366 873.757 495.366C871.442 495.366 869.558 494.897 868.103 493.96C866.657 493.013 865.554 491.646 864.792 489.858C864.04 488.071 863.664 486.152 863.664 484.102C863.664 481.865 864.089 479.917 864.938 478.257C865.798 476.587 867.014 475.322 868.586 474.463C870.168 473.594 871.906 473.159 873.801 473.159C875.949 473.159 877.756 473.706 879.221 474.8C880.686 475.894 881.706 477.432 882.282 479.414L879.484 480.073C878.986 478.511 878.264 477.373 877.316 476.66C876.369 475.947 875.178 475.591 873.742 475.591C872.092 475.591 870.71 475.986 869.597 476.777C868.493 477.568 867.717 478.633 867.268 479.971C866.818 481.299 866.594 482.671 866.594 484.087C866.594 485.913 866.857 487.51 867.385 488.877C867.922 490.234 868.752 491.25 869.875 491.924C870.998 492.598 872.214 492.935 873.522 492.935C875.114 492.935 876.462 492.476 877.565 491.558C878.669 490.64 879.416 489.277 879.807 487.471ZM886.252 495V473.525H889.094V482.344H900.256V473.525H903.098V495H900.256V484.878H889.094V495H886.252Z" fill="black"/>
<path id="PITCH MOD" d="M110.785 497V475.525H118.886C120.312 475.525 121.4 475.594 122.152 475.73C123.207 475.906 124.091 476.243 124.804 476.741C125.517 477.229 126.088 477.918 126.518 478.807C126.957 479.695 127.177 480.672 127.177 481.736C127.177 483.562 126.596 485.11 125.434 486.38C124.271 487.64 122.172 488.27 119.135 488.27H113.627V497H110.785ZM113.627 485.735H119.179C121.015 485.735 122.318 485.394 123.09 484.71C123.861 484.026 124.247 483.064 124.247 481.824C124.247 480.926 124.018 480.159 123.559 479.524C123.109 478.88 122.514 478.455 121.771 478.25C121.293 478.123 120.409 478.06 119.12 478.06H113.627V485.735ZM131.278 497V475.525H134.12V497H131.278ZM144.608 497V478.06H137.533V475.525H154.555V478.06H147.45V497H144.608ZM172.807 489.471L175.648 490.188C175.053 492.522 173.979 494.305 172.426 495.535C170.883 496.756 168.993 497.366 166.757 497.366C164.442 497.366 162.558 496.897 161.103 495.96C159.657 495.013 158.554 493.646 157.792 491.858C157.04 490.071 156.664 488.152 156.664 486.102C156.664 483.865 157.089 481.917 157.938 480.257C158.798 478.587 160.014 477.322 161.586 476.463C163.168 475.594 164.906 475.159 166.801 475.159C168.949 475.159 170.756 475.706 172.221 476.8C173.686 477.894 174.706 479.432 175.282 481.414L172.484 482.073C171.986 480.511 171.264 479.373 170.316 478.66C169.369 477.947 168.178 477.591 166.742 477.591C165.092 477.591 163.71 477.986 162.597 478.777C161.493 479.568 160.717 480.633 160.268 481.971C159.818 483.299 159.594 484.671 159.594 486.087C159.594 487.913 159.857 489.51 160.385 490.877C160.922 492.234 161.752 493.25 162.875 493.924C163.998 494.598 165.214 494.935 166.522 494.935C168.114 494.935 169.462 494.476 170.565 493.558C171.669 492.64 172.416 491.277 172.807 489.471ZM179.252 497V475.525H182.094V484.344H193.256V475.525H196.098V497H193.256V486.878H182.094V497H179.252ZM120.717 522V500.525H124.994L130.077 515.73C130.546 517.146 130.888 518.206 131.103 518.909C131.347 518.128 131.728 516.98 132.245 515.467L137.387 500.525H141.21V522H138.471V504.026L132.23 522H129.667L123.456 503.719V522H120.717ZM144.931 511.541C144.931 507.977 145.888 505.188 147.802 503.177C149.716 501.155 152.187 500.145 155.214 500.145C157.196 500.145 158.983 500.618 160.575 501.565C162.167 502.513 163.378 503.836 164.208 505.535C165.048 507.225 165.468 509.144 165.468 511.292C165.468 513.47 165.028 515.418 164.149 517.137C163.271 518.855 162.025 520.159 160.414 521.048C158.803 521.927 157.064 522.366 155.199 522.366C153.178 522.366 151.371 521.878 149.779 520.901C148.188 519.925 146.981 518.592 146.161 516.902C145.341 515.213 144.931 513.426 144.931 511.541ZM147.86 511.585C147.86 514.173 148.554 516.214 149.94 517.708C151.337 519.192 153.085 519.935 155.185 519.935C157.323 519.935 159.081 519.183 160.458 517.679C161.845 516.175 162.538 514.041 162.538 511.277C162.538 509.529 162.24 508.006 161.645 506.707C161.059 505.398 160.194 504.388 159.052 503.675C157.919 502.952 156.645 502.591 155.229 502.591C153.217 502.591 151.483 503.284 150.028 504.671C148.583 506.048 147.86 508.353 147.86 511.585ZM169.145 522V500.525H176.542C178.212 500.525 179.486 500.628 180.365 500.833C181.596 501.116 182.646 501.629 183.515 502.371C184.647 503.328 185.492 504.554 186.049 506.048C186.615 507.532 186.898 509.231 186.898 511.146C186.898 512.776 186.708 514.222 186.327 515.481C185.946 516.741 185.458 517.786 184.862 518.616C184.267 519.437 183.612 520.086 182.899 520.564C182.196 521.033 181.342 521.39 180.336 521.634C179.34 521.878 178.192 522 176.894 522H169.145ZM171.986 519.466H176.571C177.987 519.466 179.096 519.334 179.896 519.07C180.707 518.807 181.352 518.436 181.83 517.957C182.504 517.283 183.026 516.38 183.397 515.247C183.778 514.104 183.969 512.723 183.969 511.102C183.969 508.855 183.598 507.132 182.855 505.931C182.123 504.72 181.229 503.909 180.175 503.499C179.413 503.206 178.188 503.06 176.498 503.06H171.986V519.466Z" fill="black"/>
<path id="TEMPO MOD" d="M107.929 764V745.06H100.854V742.525H117.875V745.06H110.771V764H107.929ZM120.863 764V742.525H136.391V745.06H123.705V751.637H135.585V754.156H123.705V761.466H136.889V764H120.863ZM140.727 764V742.525H145.004L150.087 757.73C150.556 759.146 150.897 760.206 151.112 760.909C151.356 760.128 151.737 758.98 152.255 757.467L157.396 742.525H161.22V764H158.48V746.026L152.24 764H149.677L143.466 745.719V764H140.727ZM165.805 764V742.525H173.905C175.331 742.525 176.42 742.594 177.172 742.73C178.227 742.906 179.11 743.243 179.823 743.741C180.536 744.229 181.107 744.918 181.537 745.807C181.977 746.695 182.196 747.672 182.196 748.736C182.196 750.562 181.615 752.11 180.453 753.38C179.291 754.64 177.191 755.27 174.154 755.27H168.646V764H165.805ZM168.646 752.735H174.198C176.034 752.735 177.338 752.394 178.109 751.71C178.881 751.026 179.267 750.064 179.267 748.824C179.267 747.926 179.037 747.159 178.578 746.524C178.129 745.88 177.533 745.455 176.791 745.25C176.312 745.123 175.429 745.06 174.14 745.06H168.646V752.735ZM184.95 753.541C184.95 749.977 185.907 747.188 187.821 745.177C189.735 743.155 192.206 742.145 195.233 742.145C197.216 742.145 199.003 742.618 200.595 743.565C202.187 744.513 203.397 745.836 204.228 747.535C205.067 749.225 205.487 751.144 205.487 753.292C205.487 755.47 205.048 757.418 204.169 759.137C203.29 760.855 202.045 762.159 200.434 763.048C198.822 763.927 197.084 764.366 195.219 764.366C193.197 764.366 191.391 763.878 189.799 762.901C188.207 761.925 187.001 760.592 186.181 758.902C185.36 757.213 184.95 755.426 184.95 753.541ZM187.88 753.585C187.88 756.173 188.573 758.214 189.96 759.708C191.356 761.192 193.104 761.935 195.204 761.935C197.343 761.935 199.101 761.183 200.478 759.679C201.864 758.175 202.558 756.041 202.558 753.277C202.558 751.529 202.26 750.006 201.664 748.707C201.078 747.398 200.214 746.388 199.071 745.675C197.938 744.952 196.664 744.591 195.248 744.591C193.236 744.591 191.503 745.284 190.048 746.671C188.603 748.048 187.88 750.353 187.88 753.585ZM120.717 789V767.525H124.994L130.077 782.73C130.546 784.146 130.888 785.206 131.103 785.909C131.347 785.128 131.728 783.98 132.245 782.467L137.387 767.525H141.21V789H138.471V771.026L132.23 789H129.667L123.456 770.719V789H120.717ZM144.931 778.541C144.931 774.977 145.888 772.188 147.802 770.177C149.716 768.155 152.187 767.145 155.214 767.145C157.196 767.145 158.983 767.618 160.575 768.565C162.167 769.513 163.378 770.836 164.208 772.535C165.048 774.225 165.468 776.144 165.468 778.292C165.468 780.47 165.028 782.418 164.149 784.137C163.271 785.855 162.025 787.159 160.414 788.048C158.803 788.927 157.064 789.366 155.199 789.366C153.178 789.366 151.371 788.878 149.779 787.901C148.188 786.925 146.981 785.592 146.161 783.902C145.341 782.213 144.931 780.426 144.931 778.541ZM147.86 778.585C147.86 781.173 148.554 783.214 149.94 784.708C151.337 786.192 153.085 786.935 155.185 786.935C157.323 786.935 159.081 786.183 160.458 784.679C161.845 783.175 162.538 781.041 162.538 778.277C162.538 776.529 162.24 775.006 161.645 773.707C161.059 772.398 160.194 771.388 159.052 770.675C157.919 769.952 156.645 769.591 155.229 769.591C153.217 769.591 151.483 770.284 150.028 771.671C148.583 773.048 147.86 775.353 147.86 778.585ZM169.145 789V767.525H176.542C178.212 767.525 179.486 767.628 180.365 767.833C181.596 768.116 182.646 768.629 183.515 769.371C184.647 770.328 185.492 771.554 186.049 773.048C186.615 774.532 186.898 776.231 186.898 778.146C186.898 779.776 186.708 781.222 186.327 782.481C185.946 783.741 185.458 784.786 184.862 785.616C184.267 786.437 183.612 787.086 182.899 787.564C182.196 788.033 181.342 788.39 180.336 788.634C179.34 788.878 178.192 789 176.894 789H169.145ZM171.986 786.466H176.571C177.987 786.466 179.096 786.334 179.896 786.07C180.707 785.807 181.352 785.436 181.83 784.957C182.504 784.283 183.026 783.38 183.397 782.247C183.778 781.104 183.969 779.723 183.969 778.102C183.969 775.855 183.598 774.132 182.855 772.931C182.123 771.72 181.229 770.909 180.175 770.499C179.413 770.206 178.188 770.06 176.498 770.06H171.986V786.466Z" fill="black"/>
<path id="CLK IN" d="M435.942 792.471L438.784 793.188C438.188 795.522 437.114 797.305 435.562 798.535C434.019 799.756 432.129 800.366 429.893 800.366C427.578 800.366 425.693 799.897 424.238 798.96C422.793 798.013 421.689 796.646 420.928 794.858C420.176 793.071 419.8 791.152 419.8 789.102C419.8 786.865 420.225 784.917 421.074 783.257C421.934 781.587 423.149 780.322 424.722 779.463C426.304 778.594 428.042 778.159 429.937 778.159C432.085 778.159 433.892 778.706 435.356 779.8C436.821 780.894 437.842 782.432 438.418 784.414L435.62 785.073C435.122 783.511 434.399 782.373 433.452 781.66C432.505 780.947 431.313 780.591 429.878 780.591C428.228 780.591 426.846 780.986 425.732 781.777C424.629 782.568 423.853 783.633 423.403 784.971C422.954 786.299 422.729 787.671 422.729 789.087C422.729 790.913 422.993 792.51 423.521 793.877C424.058 795.234 424.888 796.25 426.011 796.924C427.134 797.598 428.35 797.935 429.658 797.935C431.25 797.935 432.598 797.476 433.701 796.558C434.805 795.64 435.552 794.277 435.942 792.471ZM442.183 800V778.525H445.024V797.466H455.601V800H442.183ZM458.882 800V778.525H461.724V789.175L472.388 778.525H476.24L467.231 787.227L476.636 800H472.886L465.239 789.131L461.724 792.559V800H458.882ZM435.283 825V803.525H438.125V825H435.283ZM443.12 825V803.525H446.035L457.314 820.386V803.525H460.039V825H457.124L445.845 808.125V825H443.12Z" fill="black"/>
<path id="FEED" d="M519.941 800V778.525H534.429V781.06H522.783V787.71H532.861V790.244H522.783V800H519.941ZM538.193 800V778.525H553.721V781.06H541.035V787.637H552.915V790.156H541.035V797.466H554.219V800H538.193ZM558.203 800V778.525H573.73V781.06H561.045V787.637H572.925V790.156H561.045V797.466H574.229V800H558.203ZM578.154 800V778.525H585.552C587.222 778.525 588.496 778.628 589.375 778.833C590.605 779.116 591.655 779.629 592.524 780.371C593.657 781.328 594.502 782.554 595.059 784.048C595.625 785.532 595.908 787.231 595.908 789.146C595.908 790.776 595.718 792.222 595.337 793.481C594.956 794.741 594.468 795.786 593.872 796.616C593.276 797.437 592.622 798.086 591.909 798.564C591.206 799.033 590.352 799.39 589.346 799.634C588.35 799.878 587.202 800 585.903 800H578.154ZM580.996 797.466H585.581C586.997 797.466 588.105 797.334 588.906 797.07C589.717 796.807 590.361 796.436 590.84 795.957C591.514 795.283 592.036 794.38 592.407 793.247C592.788 792.104 592.979 790.723 592.979 789.102C592.979 786.855 592.607 785.132 591.865 783.931C591.133 782.72 590.239 781.909 589.185 781.499C588.423 781.206 587.197 781.06 585.508 781.06H580.996V797.466Z" fill="black"/>
<path id="PATTERN" d="M589.507 831V809.525H597.607C599.033 809.525 600.122 809.594 600.874 809.73C601.929 809.906 602.812 810.243 603.525 810.741C604.238 811.229 604.81 811.918 605.239 812.807C605.679 813.695 605.898 814.672 605.898 815.736C605.898 817.562 605.317 819.11 604.155 820.38C602.993 821.64 600.894 822.27 597.856 822.27H592.349V831H589.507ZM592.349 819.735H597.9C599.736 819.735 601.04 819.394 601.812 818.71C602.583 818.026 602.969 817.064 602.969 815.824C602.969 814.926 602.739 814.159 602.28 813.524C601.831 812.88 601.235 812.455 600.493 812.25C600.015 812.123 599.131 812.06 597.842 812.06H592.349V819.735ZM604.932 831L613.179 809.525H616.24L625.029 831H621.792L619.287 824.496H610.308L607.949 831H604.932ZM611.128 822.182H618.408L616.167 816.234C615.483 814.428 614.976 812.943 614.644 811.781C614.37 813.158 613.984 814.525 613.486 815.883L611.128 822.182ZM630.537 831V812.06H623.462V809.525H640.483V812.06H633.379V831H630.537ZM648.877 831V812.06H641.802V809.525H658.823V812.06H651.719V831H648.877ZM661.812 831V809.525H677.339V812.06H664.653V818.637H676.533V821.156H664.653V828.466H677.837V831H661.812ZM681.807 831V809.525H691.328C693.242 809.525 694.697 809.721 695.693 810.111C696.689 810.492 697.485 811.171 698.081 812.147C698.677 813.124 698.975 814.203 698.975 815.385C698.975 816.908 698.481 818.192 697.495 819.237C696.509 820.282 694.985 820.946 692.925 821.229C693.677 821.591 694.248 821.947 694.639 822.299C695.469 823.061 696.255 824.013 696.997 825.155L700.732 831H697.158L694.316 826.532C693.486 825.243 692.803 824.257 692.266 823.573C691.729 822.89 691.245 822.411 690.815 822.138C690.396 821.864 689.966 821.674 689.526 821.566C689.204 821.498 688.677 821.464 687.944 821.464H684.648V831H681.807ZM684.648 819.003H690.757C692.056 819.003 693.071 818.871 693.804 818.607C694.536 818.334 695.093 817.904 695.474 817.318C695.854 816.723 696.045 816.078 696.045 815.385C696.045 814.369 695.674 813.534 694.932 812.88C694.199 812.226 693.037 811.898 691.445 811.898H684.648V819.003ZM703.413 831V809.525H706.328L717.607 826.386V809.525H720.332V831H717.417L706.138 814.125V831H703.413Z" fill="black"/>
<path id="I / O" d="M283.798 58V36.5254H286.64V58H283.798ZM297.699 58.3662L303.925 36.1592H306.034L299.823 58.3662H297.699ZM315.849 47.541C315.849 43.9766 316.806 41.1885 318.72 39.1768C320.634 37.1553 323.104 36.1445 326.132 36.1445C328.114 36.1445 329.901 36.6182 331.493 37.5654C333.085 38.5127 334.296 39.8359 335.126 41.5352C335.966 43.2246 336.386 45.1436 336.386 47.292C336.386 49.4697 335.946 51.418 335.067 53.1367C334.188 54.8555 332.943 56.1592 331.332 57.0479C329.721 57.9268 327.982 58.3662 326.117 58.3662C324.096 58.3662 322.289 57.8779 320.697 56.9014C319.105 55.9248 317.899 54.5918 317.079 52.9023C316.259 51.2129 315.849 49.4258 315.849 47.541ZM318.778 47.585C318.778 50.1729 319.472 52.2139 320.858 53.708C322.255 55.1924 324.003 55.9346 326.103 55.9346C328.241 55.9346 329.999 55.1826 331.376 53.6787C332.763 52.1748 333.456 50.041 333.456 47.2773C333.456 45.5293 333.158 44.0059 332.562 42.707C331.977 41.3984 331.112 40.3877 329.97 39.6748C328.837 38.9521 327.562 38.5908 326.146 38.5908C324.135 38.5908 322.401 39.2842 320.946 40.6709C319.501 42.0479 318.778 44.3525 318.778 47.585Z" fill="black"/>
<path id="I / O_2" d="M318.798 395V373.525H321.64V395H318.798ZM332.699 395.366L338.925 373.159H341.034L334.823 395.366H332.699ZM350.849 384.541C350.849 380.977 351.806 378.188 353.72 376.177C355.634 374.155 358.104 373.145 361.132 373.145C363.114 373.145 364.901 373.618 366.493 374.565C368.085 375.513 369.296 376.836 370.126 378.535C370.966 380.225 371.386 382.144 371.386 384.292C371.386 386.47 370.946 388.418 370.067 390.137C369.188 391.855 367.943 393.159 366.332 394.048C364.721 394.927 362.982 395.366 361.117 395.366C359.096 395.366 357.289 394.878 355.697 393.901C354.105 392.925 352.899 391.592 352.079 389.902C351.259 388.213 350.849 386.426 350.849 384.541ZM353.778 384.585C353.778 387.173 354.472 389.214 355.858 390.708C357.255 392.192 359.003 392.935 361.103 392.935C363.241 392.935 364.999 392.183 366.376 390.679C367.763 389.175 368.456 387.041 368.456 384.277C368.456 382.529 368.158 381.006 367.562 379.707C366.977 378.398 366.112 377.388 364.97 376.675C363.837 375.952 362.562 375.591 361.146 375.591C359.135 375.591 357.401 376.284 355.946 377.671C354.501 379.048 353.778 381.353 353.778 384.585Z" fill="black"/>
<path id="&#226;&#128;&#147;" d="M281.092 494.291V492.167H297.776V494.291H281.092Z" fill="black"/>
<path id="+" d="M398.755 500.528V494.64H392.91V492.179H398.755V486.334H401.245V492.179H407.09V494.64H401.245V500.528H398.755Z" fill="black"/>
<path id="OUT" d="M649.45 47.541C649.45 43.9766 650.407 41.1885 652.321 39.1768C654.235 37.1553 656.706 36.1445 659.733 36.1445C661.716 36.1445 663.503 36.6182 665.095 37.5654C666.687 38.5127 667.897 39.8359 668.728 41.5352C669.567 43.2246 669.987 45.1436 669.987 47.292C669.987 49.4697 669.548 51.418 668.669 53.1367C667.79 54.8555 666.545 56.1592 664.934 57.0479C663.322 57.9268 661.584 58.3662 659.719 58.3662C657.697 58.3662 655.891 57.8779 654.299 56.9014C652.707 55.9248 651.501 54.5918 650.681 52.9023C649.86 51.2129 649.45 49.4258 649.45 47.541ZM652.38 47.585C652.38 50.1729 653.073 52.2139 654.46 53.708C655.856 55.1924 657.604 55.9346 659.704 55.9346C661.843 55.9346 663.601 55.1826 664.978 53.6787C666.364 52.1748 667.058 50.041 667.058 47.2773C667.058 45.5293 666.76 44.0059 666.164 42.707C665.578 41.3984 664.714 40.3877 663.571 39.6748C662.438 38.9521 661.164 38.5908 659.748 38.5908C657.736 38.5908 656.003 39.2842 654.548 40.6709C653.103 42.0479 652.38 44.3525 652.38 47.585ZM687.756 36.5254H690.598V48.9326C690.598 51.0908 690.354 52.8047 689.865 54.0742C689.377 55.3438 688.493 56.3789 687.214 57.1797C685.944 57.9707 684.274 58.3662 682.204 58.3662C680.192 58.3662 678.547 58.0195 677.268 57.3262C675.988 56.6328 675.075 55.6318 674.528 54.3232C673.981 53.0049 673.708 51.208 673.708 48.9326V36.5254H676.55V48.918C676.55 50.7832 676.721 52.1602 677.062 53.0488C677.414 53.9277 678.01 54.6064 678.85 55.085C679.699 55.5635 680.734 55.8027 681.955 55.8027C684.045 55.8027 685.534 55.3291 686.423 54.3818C687.312 53.4346 687.756 51.6133 687.756 48.918V36.5254ZM700.808 58V39.0596H693.732V36.5254H710.754V39.0596H703.649V58H700.808Z" fill="black"/>
<g id="Group 332">
<rect id="eie" x="286.25" y="602.25" width="116.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="Group 333">
<rect id="r" x="449.25" y="544.25" width="116.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="Group 334">
<rect id="eeee" x="610.25" y="525.25" width="116.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="Group 335">
<rect id="Rectangle 171" x="610.25" y="602.25" width="116.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="Group 336">
<rect id="Rectangle 171_2" x="610.25" y="679.25" width="116.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="Group 337">
<rect id="uu" x="610.25" y="756.25" width="116.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="Group 338">
<rect id="Rectangle 171_3" x="286.25" y="675.25" width="116.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="Group 339">
<rect id="u" x="286.25" y="757.25" width="116.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="Group 340">
<rect id="Rectangle 171_4" x="303.25" y="411.25" width="80.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="sss">
<rect id="graphics_decay_3" x="529.25" y="550.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_decay_2" x="494.25" y="550.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_decay_1" x="459.25" y="550.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_noise_3" x="690.25" y="531.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_noises_2" x="655.25" y="531.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_noises_1" x="620.25" y="531.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_clk_3" x="690.25" y="608.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_clk_2" x="655.25" y="608.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_clk_1" x="620.25" y="608.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_lfo_3" x="690.25" y="685.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_lfo_2" x="655.25" y="685.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_lfo_1" x="620.25" y="685.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_drums_2" x="672.25" y="417.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_drums_1" x="637.25" y="417.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_pattern_3" x="690.25" y="762.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_pattern_2" x="655.25" y="762.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_pattern_1" x="620.25" y="762.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_i/o_right" x="347.25" y="417.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_i/o_left" x="312.25" y="417.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_trig_tempo_mod_3" x="366.25" y="763.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_trig_tempo_mod_2" x="331.25" y="763.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_trig_tempo_mod_1" x="296.25" y="763.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_trig_pitch_mod_3" x="366.25" y="681.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_trig_pitch_mod_2" x="331.25" y="681.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_trig_pitch_mod_1" x="296.25" y="681.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_trig_drum_mod_3" x="366.25" y="608.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_trig_drum_mod_2" x="331.25" y="608.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_trig_drum_mod_1" x="296.25" y="608.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_mode_minus" x="313.25" y="481.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_mode_plus" x="348.25" y="481.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_clk_in_2" x="462.25" y="731.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_clk_in_1" x="427.25" y="731.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_trig_in_2" x="347.25" y="535.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_trig_in_1" x="312.25" y="535.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_feed_2" x="559.25" y="731.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
<rect id="graphics_feed_1" x="524.25" y="731.25" width="25.5" height="25.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="Group 341">
<rect id="Rectangle 171_5" x="628.25" y="411.25" width="80.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="Group 342">
<rect id="Rectangle 171_6" x="303.25" y="474.25" width="80.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="Group 343">
<rect id="Rectangle 171_7" x="303.25" y="529.25" width="80.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="Group 344">
<rect id="Rectangle 171_8" x="418.25" y="725.25" width="80.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<g id="Group 345">
<rect id="Rectangle 171_9" x="515.25" y="725.25" width="80.5" height="38.5" stroke="black" stroke-width="0.5"/>
</g>
<rect id="Rectangle 204" x="0.25" y="0.25" width="1012.5" height="859.5" rx="42.75" stroke="black" stroke-width="0.5"/>
<path id="Polygon 47" d="M504 466L516.99 488.5H491.01L504 466Z" fill="black"/>
<g id="Group 367">
<path id="|" d="M505.857 305.313V277.159H508.157V305.313H505.857Z" fill="black"/>
<path id="Polygon 48" d="M477 291L499.5 278.01L499.5 303.99L477 291Z" fill="black"/>
<path id="Polygon 49" d="M538 291L515.5 303.99L515.5 278.01L538 291Z" fill="black"/>
</g>
<path id="Polygon 50" d="M581 821L558.5 833.99L558.5 808.01L581 821Z" fill="black"/>
<path id="Polygon 51" d="M213 409L235.5 396.01L235.5 421.99L213 409Z" fill="black"/>
<path id="Polygon 52" d="M213 672L235.5 659.01L235.5 684.99L213 672Z" fill="black"/>
<path id="Polygon 53" d="M213 144L235.5 131.01L235.5 156.99L213 144Z" fill="black"/>
<rect id="Rectangle 205" x="593.25" y="513.25" width="403.5" height="62.5" rx="31.25" stroke="black" stroke-width="0.5" stroke-miterlimit="1.30541" stroke-linejoin="round"/>
<rect id="Rectangle 206" x="593.25" y="397.25" width="152.5" height="62.5" rx="31.25" stroke="black" stroke-width="0.5" stroke-miterlimit="1.30541" stroke-linejoin="round"/>
<rect id="Rectangle 207" x="594.25" y="742.25" width="152.5" height="62.5" rx="31.25" stroke="black" stroke-width="0.5" stroke-miterlimit="1.30541" stroke-linejoin="round"/>
<rect id="Rectangle 208" x="271.25" y="462.25" width="144.5" height="62.5" rx="31.25" stroke="black" stroke-width="0.5" stroke-miterlimit="1.30541" stroke-linejoin="round"/>
<rect id="Rectangle 209" x="593.25" y="590.25" width="403.5" height="62.5" rx="31.25" stroke="black" stroke-width="0.5" stroke-miterlimit="1.30541" stroke-linejoin="round"/>
<rect id="Rectangle 210" x="593.25" y="667.25" width="403.5" height="62.5" rx="31.25" stroke="black" stroke-width="0.5" stroke-miterlimit="1.30541" stroke-linejoin="round"/>
<path id="Vector 103" d="M505 488V544" stroke="black"/>
<path id="Vector 104" d="M236 143H261V621H286M236 409H253V697.5H286M236 672H243V773H286" stroke="black"/>
</g>
<g id="sockets">
<rect id="decay_3" x="529" y="550" width="26" height="26" fill="#00FF00"/>
<rect id="decay_2" x="494" y="550" width="26" height="26" fill="#00FF00"/>
<rect id="decay_1" x="459" y="550" width="26" height="26" fill="#00FF00"/>
<rect id="noise_3" x="690" y="531" width="26" height="26" fill="#00FF00"/>
<rect id="noises_2" x="655" y="531" width="26" height="26" fill="#00FF00"/>
<rect id="noises_1" x="620" y="531" width="26" height="26" fill="#00FF00"/>
<rect id="clk_3" x="690" y="608" width="26" height="26" fill="#00FF00"/>
<rect id="clk_2" x="655" y="608" width="26" height="26" fill="#00FF00"/>
<rect id="clk_1" x="620" y="608" width="26" height="26" fill="#00FF00"/>
<rect id="lfo_3" x="690" y="685" width="26" height="26" fill="#00FF00"/>
<rect id="lfo_2" x="655" y="685" width="26" height="26" fill="#00FF00"/>
<rect id="lfo_1" x="620" y="685" width="26" height="26" fill="#00FF00"/>
<rect id="drums_2" x="672" y="417" width="26" height="26" fill="#00FF00"/>
<rect id="drums_1" x="637" y="417" width="26" height="26" fill="#00FF00"/>
<rect id="pattern_3" x="690" y="762" width="26" height="26" fill="#00FF00"/>
<rect id="pattern_2" x="655" y="762" width="26" height="26" fill="#00FF00"/>
<rect id="pattern_1" x="620" y="762" width="26" height="26" fill="#00FF00"/>
<rect id="i/o_right" x="347" y="417" width="26" height="26" fill="#00FF00"/>
<rect id="i/o_left" x="312" y="417" width="26" height="26" fill="#00FF00"/>
<rect id="trig_tempo_mod_3" x="366" y="763" width="26" height="26" fill="#00FF00"/>
<rect id="trig_tempo_mod_2" x="331" y="763" width="26" height="26" fill="#00FF00"/>
<rect id="trig_tempo_mod_1" x="296" y="763" width="26" height="26" fill="#00FF00"/>
<rect id="trig_pitch_mod_3" x="366" y="681" width="26" height="26" fill="#00FF00"/>
<rect id="trig_pitch_mod_2" x="331" y="681" width="26" height="26" fill="#00FF00"/>
<rect id="trig_pitch_mod_1" x="296" y="681" width="26" height="26" fill="#00FF00"/>
<rect id="trig_drum_mod_3" x="366" y="608" width="26" height="26" fill="#00FF00"/>
<rect id="trig_drum_mod_2" x="331" y="608" width="26" height="26" fill="#00FF00"/>
<rect id="trig_drum_mod_1" x="296" y="608" width="26" height="26" fill="#00FF00"/>
<rect id="mode_minus" x="313" y="481" width="26" height="26" fill="#00FF00"/>
<rect id="mode_plus" x="348" y="481" width="26" height="26" fill="#00FF00"/>
<rect id="clk_in_2" x="462" y="731" width="26" height="26" fill="#00FF00"/>
<rect id="clk_in_1" x="427" y="731" width="26" height="26" fill="#00FF00"/>
<rect id="trig_in_2" x="347" y="535" width="26" height="26" fill="#00FF00"/>
<rect id="trig_in_1" x="312" y="535" width="26" height="26" fill="#00FF00"/>
<rect id="feed_2" x="559" y="731" width="26" height="26" fill="#00FF00"/>
<rect id="feed_1" x="524" y="731" width="26" height="26" fill="#00FF00"/>
</g>
<g id="params">
<circle id="drum_mod" cx="146" cy="130" r="50" fill="#FF0000"/>
<circle id="drum" cx="868" cy="130" r="50" fill="#FF0000"/>
<circle id="pitch" cx="868" cy="402" r="50" fill="#FF0000"/>
<circle id="decay" cx="507" cy="356" r="50" fill="#FF0000"/>
<circle id="pitch_mod" cx="146" cy="402" r="50" fill="#FF0000"/>
<circle id="tempo_mod" cx="146" cy="672" r="50" fill="#FF0000"/>
<circle id="tempo" cx="868" cy="671" r="50" fill="#FF0000"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 54 KiB

Before

Width:  |  Height:  |  Size: 102 KiB

After

Width:  |  Height:  |  Size: 102 KiB

@ -43,26 +43,22 @@
{{panel|safe}} {% if patch['cables'] %} {{patch['cables']|safe}} {% endif %}
</div>
<form>
<form method="POST" enctype="multipart/form-data">
<input type="text" class="description" name="description" />
<input type="file" name="snippet" accept="audio/*" />
<input type="submit" value="Upload" />
</form>
<ul class="samples">
{% for snippet in snippets %}
<li>
<span>01</span>
<p class="description">
Description skjdflkajsdkfLabore aliqua ut sit consequat veniam ut do ad
nulla.Ad labore mollit ut cillum cillum est. In ex nostrud esse sit fugiat
elit qui. Enim do laboris irure in sint deserunt irure culpa ad officia eu
est non. Officia reprehenderit labore excepteur non. Exercitation aliqua
commodo exercitation quis deserunt exercitation esse eiusmod excepteur sint
consectetur fugiat nisi dolore. Eiusmod adipisicing aliqua veniam eu ullamco
anim duis labore commodo cupidatat voluptate nisi mollit. Tempor fugiat in
enim culpa ut veniam veniam.
</p>
<button class="download">
<span>{{ '%02d' % loop.index }}</span>
<p class="description">{{snippet}}</p>
<a
href="{{url_for('static', filename='instruments/{}/patches/{}/snippets/{}'.format(instrument['slug'], patch['slug'], snippet) )}}"
target="_blank"
class="download"
>
<svg
width="24"
height="30"
@ -75,8 +71,8 @@
fill="currentColor"
/>
</svg>
</button>
<button class="play">
</a>
<!-- <button class="play">
<svg
width="24"
height="27"
@ -89,140 +85,9 @@
fill="currentColor"
/>
</svg>
</button>
</li>
<li>
<span>02</span>
<p class="description">Description</p>
<button class="download">
<svg
width="24"
height="30"
viewBox="0 0 24 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.9393 29.5607C11.5251 30.1464 12.4749 30.1464 13.0607 29.5607L22.6066 20.0147C23.1924 19.4289 23.1924 18.4792 22.6066 17.8934C22.0208 17.3076 21.0711 17.3076 20.4853 17.8934L12 26.3787L3.51472 17.8934C2.92893 17.3076 1.97918 17.3076 1.3934 17.8934C0.807611 18.4792 0.807611 19.4289 1.3934 20.0147L10.9393 29.5607ZM10.5 0.5L10.5 28.5L13.5 28.5L13.5 0.5L10.5 0.5Z"
fill="currentColor"
/>
</svg>
</button>
<button class="play">
<svg
width="24"
height="27"
viewBox="0 0 24 27"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M24 13.5L0.749999 26.9234L0.75 0.0766048L24 13.5Z"
fill="currentColor"
/>
</svg>
</button>
</li>
<li>
<span>03</span>
<p class="description">Description</p>
<button class="download">
<svg
width="24"
height="30"
viewBox="0 0 24 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.9393 29.5607C11.5251 30.1464 12.4749 30.1464 13.0607 29.5607L22.6066 20.0147C23.1924 19.4289 23.1924 18.4792 22.6066 17.8934C22.0208 17.3076 21.0711 17.3076 20.4853 17.8934L12 26.3787L3.51472 17.8934C2.92893 17.3076 1.97918 17.3076 1.3934 17.8934C0.807611 18.4792 0.807611 19.4289 1.3934 20.0147L10.9393 29.5607ZM10.5 0.5L10.5 28.5L13.5 28.5L13.5 0.5L10.5 0.5Z"
fill="currentColor"
/>
</svg>
</button>
<button class="play">
<svg
width="24"
height="27"
viewBox="0 0 24 27"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M24 13.5L0.749999 26.9234L0.75 0.0766048L24 13.5Z"
fill="currentColor"
/>
</svg>
</button>
</li>
<li>
<span>04</span>
<p class="description">Description</p>
<button class="download">
<svg
width="24"
height="30"
viewBox="0 0 24 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.9393 29.5607C11.5251 30.1464 12.4749 30.1464 13.0607 29.5607L22.6066 20.0147C23.1924 19.4289 23.1924 18.4792 22.6066 17.8934C22.0208 17.3076 21.0711 17.3076 20.4853 17.8934L12 26.3787L3.51472 17.8934C2.92893 17.3076 1.97918 17.3076 1.3934 17.8934C0.807611 18.4792 0.807611 19.4289 1.3934 20.0147L10.9393 29.5607ZM10.5 0.5L10.5 28.5L13.5 28.5L13.5 0.5L10.5 0.5Z"
fill="currentColor"
/>
</svg>
</button>
<button class="play">
<svg
width="24"
height="27"
viewBox="0 0 24 27"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M24 13.5L0.749999 26.9234L0.75 0.0766048L24 13.5Z"
fill="currentColor"
/>
</svg>
</button>
</li>
<li>
<span>05</span>
<p class="description">Description</p>
<button class="download">
<svg
width="24"
height="30"
viewBox="0 0 24 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.9393 29.5607C11.5251 30.1464 12.4749 30.1464 13.0607 29.5607L22.6066 20.0147C23.1924 19.4289 23.1924 18.4792 22.6066 17.8934C22.0208 17.3076 21.0711 17.3076 20.4853 17.8934L12 26.3787L3.51472 17.8934C2.92893 17.3076 1.97918 17.3076 1.3934 17.8934C0.807611 18.4792 0.807611 19.4289 1.3934 20.0147L10.9393 29.5607ZM10.5 0.5L10.5 28.5L13.5 28.5L13.5 0.5L10.5 0.5Z"
fill="currentColor"
/>
</svg>
</button>
<button class="play">
<svg
width="24"
height="27"
viewBox="0 0 24 27"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M24 13.5L0.749999 26.9234L0.75 0.0766048L24 13.5Z"
fill="currentColor"
/>
</svg>
</button>
</button> -->
</li>
{% endfor %}
</ul>
</div>
</body>

@ -35,9 +35,9 @@ app.wsgi_app = PrefixMiddleware(app.wsgi_app, prefix='/soupboat/workbook')
def create_instrument(name, description, params, sockets, panel):
slug = secure_filename(name)
os.mkdir(f'instruments/{slug}')
os.mkdir(f'instruments/{slug}/patches')
os.mkdir(f'instruments/{slug}/samples')
os.mkdir(f'static/instruments/{slug}')
os.mkdir(f'static/instruments/{slug}/patches')
os.mkdir(f'static/instruments/{slug}/samples')
instrument = {
"name": name,
"slug": slug,
@ -46,10 +46,10 @@ def create_instrument(name, description, params, sockets, panel):
"sockets": sockets
}
with open(f'instruments/{slug}/model.yml', 'w') as f:
with open(f'static/instruments/{slug}/model.yml', 'w') as f:
yaml.dump(instrument, f, sort_keys=False)
panel.save(f'instruments/{slug}/panel.svg')
panel.save(f'static/instruments/{slug}/panel.svg')
@app.route("/")
@ -66,8 +66,8 @@ def instruments():
instruments = []
for filename in os.listdir('instruments'):
with open(f'instruments/{filename}/model.yml') as f:
for filename in os.listdir('static/instruments'):
with open(f'static/instruments/{filename}/model.yml') as f:
instrument = yaml.load(f, Loader=SafeLoader)
instruments.append(instrument)
@ -77,13 +77,13 @@ def instruments():
def patches(instrument):
with open(f'instruments/{instrument}/panel.svg') as f:
with open(f'static/instruments/{instrument}/panel.svg') as f:
panel = f.read()
patches = []
for filename in os.listdir(f'instruments/{instrument}/patches'):
with open(f'instruments/{instrument}/patches/{filename}') as f:
for filename in os.listdir(f'static/instruments/{instrument}/patches'):
with open(f'static/instruments/{instrument}/patches/{filename}/{filename}.yml') as f:
patch = yaml.load(f, Loader=SafeLoader)
patches.append(patch)
@ -117,38 +117,52 @@ def add_patch(instrument):
slug = secure_filename(patch["name"])
patch['slug'] = slug
with open(f'instruments/{instrument}/patches/{slug}.yml', 'w') as f:
Path(f'static/instruments/{instrument}/patches/{slug}').mkdir()
with open(f'static/instruments/{instrument}/patches/{slug}/{slug}.yml', 'w') as f:
yaml.dump(patch, f)
return redirect(url_for('patches', instrument=instrument))
with open(f'instruments/{instrument}/panel.svg') as f:
with open(f'static/instruments/{instrument}/panel.svg') as f:
panel = f.read()
with open(f'instruments/{instrument}/model.yml') as f:
with open(f'static/instruments/{instrument}/model.yml') as f:
instrument = yaml.load(f, Loader=SafeLoader)
return render_template('add_patch.html', instrument=instrument, panel=panel)
@app.route("/instruments/<instrument>/<name>")
@app.route("/instruments/<instrument>/<name>", methods=['GET', 'POST'])
def patch(instrument, name):
if request.method == 'POST':
file = request.files['snippet']
if file:
Path(f'static/instruments/{instrument}/patches/{name}/snippets').mkdir(exist_ok=True)
filename = secure_filename(file.filename)
file.save(os.path.join(f'static/instruments/{instrument}/patches/{name}/snippets', filename))
# description = request.form['description']
redirect(url_for('patch', instrument=instrument, name=name))
snippets = []
if os.path.exists(f'static/instruments/{instrument}/patches/{name}/snippets'):
for filename in os.listdir(f'static/instruments/{instrument}/patches/{name}/snippets'):
snippets.append(filename)
with open(f'instruments/{instrument}/panel.svg') as f:
with open(f'static/instruments/{instrument}/panel.svg') as f:
panel = f.read()
with open(f'instruments/{instrument}/patches/{name}.yml') as f:
with open(f'static/instruments/{instrument}/patches/{name}/{name}.yml') as f:
patch = yaml.load(f, Loader=SafeLoader)
with open(f'instruments/{instrument}/model.yml') as f:
with open(f'static/instruments/{instrument}/model.yml') as f:
instrument = yaml.load(f, Loader=SafeLoader)
return render_template('patch.html', instrument=instrument, patch=patch, panel=panel)
return render_template('patch.html', instrument=instrument, patch=patch, panel=panel, snippets=snippets)

Loading…
Cancel
Save