-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
40 lines (37 loc) · 4.76 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Attributes</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="flex">
<svg id="trebleSvgWindow">
<g id="treble" transform="scale(0.2)">
<g class="staff">
<path d="m 0 202 517 0"/>
<path d="m 0 357 517 0"/>
<path d="m 0 512 517 0"/>
<path d="m 0 667 517 0"/>
<path d="m 0 822 517 0"/>
</g>
<path d="m 275.4 588.9 c -15.9 4.5 -30 14.3 -43.2 29.5 -13.2 15.6 -19.9 32.6 -19.9 50.9 0 11.6 4 24.6 11.5 38.4 7.5 14.3 19 24.6 33.5 30.8 4.9 0.9 7.1 3.6 7.1 7.1 0 1.3 -1.8 2.7 -6.2 3.6 -23.4 -6.3 -43.2 -18.8 -58.2 -38 -15 -19.2 -22.9 -41.5 -23.4 -66.5 0.9 -27.2 8.8 -52.2 24.3 -75.5 15.4 -23.2 35.7 -39.7 60 -49.6 l -17.6 -92.4 c -40.2 33.5 -72.4 68.8 -97.5 105.4 -25.1 36.6 -37.9 75.9 -39.3 118.8 0.4 19.2 4.4 38 11.5 55.8 7.1 18.3 18.1 34.4 32.6 49.1 29.1 29.5 67.5 45.1 113.8 46.9 15.9 -0.9 32.6 -4 50.7 -8.5 L 274.9 589.4 z m 18.5 -2.7 40.6 201.8 c 40.2 -16.1 60 -51.8 60 -105.8 -2.2 -18.3 -7.5 -34.4 -16.3 -48.7 -8.4 -14.7 -19.9 -26.3 -34.4 -34.8 -14.6 -8.5 -30.9 -12.5 -49.4 -12.5 z M 240.5 313.4 c 8.4 -5.4 18.5 -14.3 29.1 -27.2 10.6 -12.5 21.2 -27.7 30.9 -44.2 10.1 -17 18.1 -34.4 24.3 -51.8 6.2 -17.4 8.8 -33.9 8.8 -49.1 0 -6.7 -0.4 -12.9 -1.8 -18.8 -0.9 -9.4 -4 -17 -8.8 -21.9 -4.9 -4.9 -11 -7.1 -19 -7.1 -15.4 0 -29.6 9.8 -41.9 29 -9.7 17 -17.6 36.6 -23.4 59.4 -6.2 22.8 -9.3 45.5 -9.7 68.3 1.3 25.9 5.3 47.3 11.9 63.9 z m -16.3 15.2 c -11.5 -42.4 -18.1 -85.7 -19.4 -129.9 0.4 -28.1 3.1 -54.9 8.8 -79.5 5.3 -24.6 12.8 -46 22.5 -64.3 9.7 -18.3 20.7 -32.2 33.1 -41.5 11 -8.5 19 -12.9 23.4 -12.9 3.5 0 6.2 1.3 8.8 3.6 2.6 2.2 6.2 6.3 10.1 11.6 30.9 44.2 46.3 97.8 46.3 160.3 0 29.5 -4 58.5 -11.5 87.5 -7.5 28.6 -18.5 55.8 -33.5 81.3 -15 25.9 -32.6 48.2 -52.9 67 l 21.2 103.6 c 11.5 -1.3 19 -2.2 23.4 -2.2 19.9 0 37.5 4 53.8 12.5 16.3 8.5 30.4 19.6 41.9 33.9 11.5 14.3 20.3 30.4 26.5 48.7 6.2 18.3 9.3 37.5 9.3 57.6 0 30.8 -7.9 59.4 -24.3 84.8 -15.9 25.5 -40.2 44.2 -72.8 56.3 2.2 12.9 5.7 31.7 11 55.4 5.3 24.1 9.3 43.3 11.5 57.6 2.6 14.3 3.5 27.7 3.5 41.1 0 20.5 -4.9 39.3 -15 55.4 -10.1 16.1 -23.4 29 -40.6 38 -16.8 8.9 -35.7 13.4 -55.6 13.4 -28.7 0 -53.4 -8 -74.6 -24.1 -21.2 -16.1 -32.6 -38 -33.5 -66.1 0.9 -12.5 3.5 -23.7 8.8 -34.8 5.3 -11.2 12.4 -20.1 21.2 -26.8 8.8 -7.1 19.4 -10.7 31.8 -11.6 10.1 0 19.9 2.7 28.7 8.5 8.8 5.8 15.9 13.4 21.6 23.2 5.3 9.8 7.9 20.5 7.9 32.2 0 15.6 -5.3 28.6 -15.4 39.3 -10.6 10.7 -23.4 16.1 -39.3 16.1 l -6.2 0 c 10.1 15.6 26.9 23.7 49.9 23.7 11.5 0 23.4 -2.7 35.7 -7.1 12.4 -4.9 22.5 -11.6 30.9 -20.1 8.4 -8.5 14.1 -17.4 16.8 -26.8 4.4 -10.7 6.6 -25.9 6.6 -44.2 0 -12.5 -1.3 -25 -3.5 -38 -2.2 -12.5 -6.2 -29 -11 -49.1 -4.9 -20.1 -8.4 -36.2 -10.6 -46.9 -15.4 4 -31.8 6.3 -48.5 6.3 -28.2 0 -55.2 -5.8 -80.3 -17.4 -25.1 -11.6 -47.2 -28.1 -66.2 -49.1 -19 -21 -33.5 -44.7 -44.6 -71.4 -10.6 -26.3 -15.9 -54.5 -15.9 -83.1 0.9 -26.8 6.2 -52.7 15.4 -76.8 9.3 -24.6 21.2 -47.3 36.2 -69.2 15 -21.4 30 -41.1 45.9 -58.9 15.9 -17.4 37.1 -39.7 63.5 -66.5 z" style="stroke-width:0.78263092"/>
</g>
</svg>
<svg id="bassSvgWindow">
<g id="bass">
<g class="staff">
<path d="m 0 6 517 0"/>
<path d="m 0 161 517 0"/>
<path d="m 0 316 517 0"/>
<path d="m 0 471 517 0"/>
<path d="m 0 626 517 0"/>
</g>
<path d="m 67 495.8 c 41.5 -28.1 72.5 -49.4 92.4 -64.1 20 -14.4 41 -32.6 62.5 -54.1 21.5 -21.5 39.7 -46 54.4 -73 11.6 -20 21.5 -43.1 29.7 -69.3 8.1 -26 12.3 -51.2 13.1 -75.1 0 -22.3 -2.9 -43.6 -8.9 -63.6 C 304.4 76.4 294.4 59.9 280.2 46.5 266 33.4 247.7 26.8 224.8 26.8 c -22.1 0 -42.8 4.5 -62.2 13.1 -19.2 8.9 -32.8 23.1 -40.4 43.1 0 1.8 -1.1 4.2 -2.6 7.6 0.5 4.2 2.6 7.4 6.6 9.7 3.9 2.4 7.4 3.4 10.5 3.4 1.6 0 6 -0.8 12.9 -2.4 7.1 -1.6 12.9 -2.6 17.6 -2.6 13.9 0 26.3 5 37.6 14.7 11 9.7 16.5 21.5 16.5 35.5 0 10 -2.9 19.4 -8.4 28.1 -5.5 8.7 -13.1 15.8 -22.8 20.7 -9.7 5.3 -20.5 7.6 -32 7.6 -21 0 -38.9 -6.3 -53.6 -19.2 -14.4 -13.1 -21.8 -29.7 -21.8 -50.4 0 -26.5 8.1 -49.4 24.2 -68.8 C 122.9 47.5 143.4 33.1 168.6 23.4 193.6 13.4 218.8 8.7 244.5 8.7 c 28.1 0 54.9 7.1 79.8 21.5 25.2 14.2 44.9 33.9 59.6 58.3 14.7 24.7 22.3 50.9 22.3 79.3 0 50.4 -16.8 97.2 -50.4 140.5 -33.6 43.3 -75.1 80.9 -124.7 112.9 -33.1 21.8 -86.7 51.2 -160.5 88.2 L 67 495.8 z M 431.8 89.6 c 0 -9.5 3.4 -17.3 10.2 -23.6 6.6 -6.6 14.7 -9.7 24.4 -9.7 8.4 0 16.3 3.7 23.4 10.8 7.1 6.8 10.5 15 10.5 23.9 0 9.5 -3.7 17.6 -10.5 24.2 -7.4 6.3 -15.5 9.5 -24.7 9.5 -9.7 0 -17.6 -3.2 -23.9 -10.2 -6.3 -6.8 -9.5 -15 -9.5 -24.7 z m 0 137.6 c 0 -9.5 3.4 -17.6 9.7 -23.9 6.6 -6.6 14.7 -9.7 24.9 -9.7 8.4 0 16 3.4 23.4 10.5 6.8 7.1 10.5 14.7 10.5 23.1 0 10.2 -3.4 18.4 -10 24.9 -6.8 6.6 -14.7 10 -23.9 10 -10.2 0 -18.4 -3.4 -24.9 -9.7 -6.3 -6.3 -9.7 -14.7 -9.7 -25.2 z" style="stroke-width:0.78785843"/>
</g>
</svg>
</div>
<script src="script.js"></script>
</body>
</html>