-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
271 lines (270 loc) · 31 KB
/
index.html
File metadata and controls
271 lines (270 loc) · 31 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Music</title>
<link href="css/mask.css" rel="stylesheet">
<script src="//code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="//code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script src="js/modernizr-custom.js"></script>
<script src="https://connect.soundcloud.com/sdk/sdk-3.1.2.js"></script>
<script src="js/jsmediatags.min.js"></script>
<script src="js/mask.js"></script>
</head>
<body>
<span class="support_Table">
<span class="support">Sorry, your browser does not support this plugin.
<br> Please use Google Chrome instead!
</span>
</span>
<div class="mask_Wrapper">
<svg id="mask_outline" version="1.1" viewbox=
"0 0 655.68 672.72" xmlns=
"http://www.w3.org/2000/svg">
<g id="background">
<image height="2803" opacity="0.75" overflow="visible" transform=
"matrix(0.24 0 0 0.24 0 0)" width="2732" xlink:href="img/bg.png">
</image>
<g>
<path d=
"M633.63,34.493L610.095,8L460.028,59.109L341.175,45.803l-20.5,34.087l-20.22-33.623L181.603,59.575 L31.536,8.465L8,34.958l52.611,108.279l54.537,53.443L82.105,348.692l2.112,62.235l118.559,175.826l0.092,34.459l21.932,27.502 l78.091,1.847l18.136-19.94l17.712,19.475l78.092-1.845l21.933-27.503l0.091-34.458l118.561-175.827l2.111-62.236l-33.045-152.011 l54.538-53.443L633.63,34.493z M271.06,367.098l-15.4,5.71c-0.194,0.071-0.394,0.105-0.591,0.105 c-0.557,0-1.095-0.273-1.417-0.758l-10.423-15.646l-20.382-0.696c-0.298-0.011-0.589-0.1-0.842-0.258l-19.872-12.391 c-0.298-0.186-0.531-0.46-0.668-0.783l-19.429-46.035l-22.658-21.546c-0.504-0.479-0.666-1.218-0.408-1.865l9.136-22.875 c0.193-0.485,0.599-0.854,1.1-1.001c0.499-0.148,1.041-0.058,1.467,0.245l33.203,23.591l54.17,27.316 c0.464,0.233,0.795,0.667,0.901,1.175l13.191,63.77C272.305,365.98,271.849,366.806,271.06,367.098z M482.291,274.801 l-22.658,21.546l-19.429,46.035c-0.138,0.323-0.37,0.598-0.669,0.783l-19.871,12.391c-0.254,0.158-0.544,0.247-0.842,0.258 l-20.383,0.696l-10.422,15.646c-0.324,0.484-0.861,0.758-1.418,0.758c-0.197,0-0.398-0.034-0.592-0.105l-15.4-5.71 c-0.789-0.292-1.246-1.118-1.076-1.941l13.192-63.77c0.104-0.508,0.437-0.941,0.9-1.175l54.17-27.316l33.202-23.591 c0.426-0.303,0.967-0.394,1.468-0.245c0.501,0.147,0.906,0.517,1.101,1.001l9.135,22.875 C482.957,273.583,482.795,274.321,482.291,274.801z"
fill="#171717"></path>
</g>
</g>
<g id="step_6">
<path d=
"M316.838,504.48 c-0.137,0-0.275-0.017-0.411-0.051l-31.268-7.781c-0.17-0.043-0.333-0.112-0.483-0.205l-15.022-9.278 c-0.554-0.343-0.865-0.971-0.799-1.618l10.656-106.258c0.042-0.416,0.235-0.803,0.544-1.086l35.634-32.652 c0.497-0.456,1.217-0.574,1.836-0.303c0.618,0.271,1.017,0.883,1.017,1.559v155.971c0,0.524-0.241,1.02-0.654,1.342 C317.584,504.355,317.214,504.48,316.838,504.48z M286.239,493.408l28.896,7.191V350.675l-32.302,29.6l-10.485,104.553 L286.239,493.408z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M135.34,347.072 c-0.111,0-0.223-0.012-0.335-0.033l-30.654-6.125c-0.448-0.09-0.842-0.355-1.092-0.738s-0.336-0.85-0.238-1.296l39.928-182.352 c0.138-0.631,0.621-1.129,1.248-1.287c0.626-0.159,1.288,0.052,1.708,0.542l27.158,31.672c0.316,0.369,0.46,0.855,0.395,1.336 l-7.711,57.077c-0.019,0.138-0.055,0.274-0.106,0.403l-8.922,22.343l-19.731,77.176 C136.792,346.556,136.103,347.072,135.34,347.072z M106.718,337.914l27.371,5.469l19.358-75.718 c0.019-0.071,0.041-0.142,0.068-0.209l8.885-22.251l7.581-56.111l-24.437-28.498L106.718,337.914z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M181.441,375.62 c-0.296,0-0.593-0.077-0.86-0.233l-24.214-14.162c-0.605-0.354-0.931-1.041-0.822-1.734c0.108-0.691,0.63-1.246,1.314-1.397 l43.248-9.571c0.436-0.096,0.891-0.018,1.269,0.217l7.602,4.74c0.483,0.301,0.784,0.824,0.801,1.393 c0.017,0.568-0.25,1.108-0.714,1.439l-26.635,18.993C182.135,375.513,181.789,375.62,181.441,375.62z M161.836,360.478 l19.514,11.413l23.661-16.873l-4.848-3.022L161.836,360.478z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M209.887,452.698 c-0.036,0-0.073-0.001-0.109-0.003c-0.706-0.046-1.311-0.523-1.519-1.199l-20.182-65.65c-0.159-0.517-0.063-1.078,0.258-1.512 c0.321-0.435,0.829-0.691,1.369-0.691h9.509c0.011,0,0.022,0,0.034,0l40.099,0.799c0.572,0.012,1.101,0.31,1.406,0.795 c0.306,0.483,0.347,1.09,0.11,1.61l-29.426,64.853C211.159,452.31,210.551,452.698,209.887,452.698z M192.008,387.047 l18.185,59.151l26.501-58.405l-37.498-0.746H192.008z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M324.989,504.48 c-0.376,0-0.746-0.125-1.048-0.361c-0.414-0.322-0.654-0.817-0.654-1.342V346.806c0-0.676,0.398-1.287,1.017-1.559 s1.339-0.152,1.836,0.303l35.634,32.652c0.309,0.283,0.502,0.67,0.544,1.086l10.656,106.258c0.065,0.647-0.245,1.275-0.8,1.618 l-15.022,9.278c-0.149,0.093-0.313,0.162-0.483,0.205l-31.268,7.781C325.264,504.463,325.126,504.48,324.989,504.48z M326.691,350.675v149.924l28.896-7.191l13.892-8.58l-10.485-104.553L326.691,350.675z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M506.487,347.072 c-0.763,0-1.452-0.516-1.647-1.281l-19.731-77.176l-8.923-22.343c-0.051-0.129-0.087-0.265-0.105-0.403l-7.711-57.077 c-0.065-0.481,0.078-0.968,0.395-1.336l27.159-31.672c0.42-0.49,1.081-0.701,1.708-0.542c0.626,0.157,1.109,0.656,1.247,1.287 l39.928,182.352c0.099,0.446,0.013,0.913-0.237,1.296s-0.644,0.648-1.092,0.738l-30.654,6.125 C506.709,347.06,506.597,347.072,506.487,347.072z M479.425,245.204l8.886,22.25c0.027,0.068,0.05,0.138,0.068,0.209l19.358,75.719 l27.371-5.469l-38.827-177.319l-24.437,28.498L479.425,245.204z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M460.386,375.619 c-0.348,0-0.694-0.105-0.988-0.316l-26.636-18.992c-0.464-0.331-0.731-0.871-0.714-1.439s0.318-1.091,0.801-1.393l7.604-4.74 c0.377-0.235,0.835-0.313,1.268-0.217l43.248,9.571c0.684,0.151,1.205,0.706,1.313,1.397c0.108,0.693-0.218,1.381-0.821,1.734 l-24.215,14.162C460.979,375.542,460.682,375.619,460.386,375.619z M436.816,355.018l23.661,16.872l19.514-11.412l-38.327-8.482 L436.816,355.018z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M431.941,452.698 c-0.666,0-1.273-0.388-1.551-0.999l-29.426-64.853c-0.236-0.521-0.195-1.127,0.11-1.61c0.306-0.485,0.834-0.783,1.406-0.795 l40.099-0.799c0.012,0,0.023,0,0.035,0h9.508c0.541,0,1.049,0.257,1.369,0.691c0.322,0.434,0.418,0.995,0.259,1.512l-20.183,65.65 c-0.208,0.676-0.813,1.153-1.519,1.199C432.013,452.697,431.976,452.698,431.941,452.698z M405.133,387.793l26.501,58.405 l18.185-59.151h-7.188L405.133,387.793z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
</g>
<g id="step_5">
<path d=
"M104.684,403.609 c-0.14,0-0.281-0.016-0.421-0.053c-0.727-0.186-1.247-0.825-1.279-1.574l-2.183-49.766c-0.022-0.512,0.188-1.008,0.572-1.348 c0.384-0.341,0.9-0.489,1.408-0.406l29.372,4.867c0.557,0.092,1.033,0.455,1.269,0.969c0.236,0.513,0.202,1.109-0.09,1.594 l-27.189,44.896C105.827,403.306,105.27,403.609,104.684,403.609z M104.294,354.166l1.845,42.053l22.976-37.94L104.294,354.166z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M295.953,632.708h-60.937 c-0.502,0-0.979-0.223-1.302-0.605l-12.973-15.396c-0.259-0.307-0.4-0.695-0.4-1.097v-30.178c0-0.098,0.008-0.194,0.025-0.29 l10.763-62.354c0.093-0.541,0.441-1.004,0.936-1.242l28.55-13.827l5.131-10.358c0.216-0.436,0.609-0.758,1.078-0.887 c0.469-0.129,0.973-0.049,1.379,0.219l10.422,6.813c0.32,0.209,0.561,0.521,0.682,0.882l16.25,48.355l21.417,1.707 c0.885,0.071,1.566,0.811,1.566,1.697v51.521c0,0.419-0.154,0.823-0.434,1.136l-20.886,23.337 C296.898,632.501,296.437,632.708,295.953,632.708z M235.808,629.303h59.383l19.944-22.285V557.72l-20.97-1.672 c-0.679-0.055-1.261-0.508-1.479-1.154l-16.42-48.861l-8.323-5.441l-4.538,9.162c-0.168,0.339-0.443,0.611-0.784,0.776 l-28.288,13.7l-10.589,61.349v29.41L235.808,629.303z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M537.142,403.609 c-0.586,0-1.143-0.303-1.456-0.82l-27.188-44.896c-0.293-0.484-0.326-1.081-0.091-1.594c0.235-0.514,0.712-0.877,1.269-0.969 l29.371-4.867c0.506-0.084,1.024,0.065,1.408,0.406c0.385,0.34,0.594,0.836,0.572,1.348l-2.184,49.766 c-0.033,0.749-0.553,1.389-1.279,1.574C537.423,403.593,537.282,403.609,537.142,403.609z M512.712,358.278l22.975,37.94 l1.846-42.053L512.712,358.278z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M406.811,632.708h-60.937 c-0.484,0-0.946-0.207-1.27-0.567l-20.885-23.337c-0.279-0.313-0.434-0.717-0.434-1.136v-51.521c0-0.887,0.682-1.626,1.566-1.697 l21.417-1.707l16.249-48.355c0.122-0.361,0.363-0.673,0.683-0.882l10.422-6.813c0.407-0.268,0.91-0.348,1.379-0.219 c0.47,0.129,0.862,0.451,1.079,0.887l5.131,10.358l28.551,13.827c0.494,0.238,0.842,0.701,0.936,1.242l10.762,62.354 c0.018,0.096,0.025,0.192,0.025,0.29v30.178c0,0.401-0.142,0.79-0.4,1.097l-12.973,15.396 C407.79,632.486,407.313,632.708,406.811,632.708z M346.635,629.303h59.384l12.063-14.314v-29.41l-10.59-61.349l-28.287-13.7 c-0.341-0.165-0.616-0.438-0.783-0.776l-4.539-9.162l-8.323,5.441l-16.419,48.861c-0.218,0.646-0.8,1.1-1.479,1.154l-20.971,1.672 v49.298L346.635,629.303z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
</g>
<g id="step_4">
<path d=
"M147.946,332.944 c-0.245,0-0.493-0.053-0.727-0.163c-0.737-0.349-1.124-1.171-0.922-1.961l10.753-42.063c0.15-0.585,0.598-1.047,1.178-1.214 c0.581-0.169,1.207-0.014,1.644,0.402L171.71,299.2c0.621,0.59,0.707,1.549,0.2,2.24l-22.59,30.807 C148.991,332.697,148.475,332.944,147.946,332.944z M159.631,292.413l-7.856,30.729l16.503-22.507L159.631,292.413z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M203.467,461.501 c-0.606,0-1.188-0.324-1.495-0.887l-48.887-89.559c-0.367-0.672-0.24-1.505,0.309-2.037c0.548-0.533,1.385-0.635,2.045-0.249 l24.308,14.218c0.36,0.211,0.63,0.547,0.759,0.942l24.579,75.341c0.272,0.836-0.136,1.742-0.944,2.092 C203.921,461.457,203.692,461.501,203.467,461.501z M159.01,374.804l37.124,68.009l-18.665-57.212L159.01,374.804z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M140.286,135.498 c-0.367,0-0.727-0.119-1.025-0.343L86.726,95.576c-0.11-0.083-0.209-0.178-0.296-0.285L33.819,30.63 c-0.48-0.59-0.51-1.426-0.076-2.05c0.436-0.623,1.231-0.884,1.951-0.634l136.613,47.085c0.475,0.164,0.854,0.529,1.034,0.997 c0.181,0.469,0.145,0.994-0.097,1.434l-31.468,57.154c-0.238,0.432-0.652,0.74-1.135,0.843 C140.524,135.485,140.404,135.498,140.286,135.498z M88.941,92.98l50.801,38.273l29.545-53.662L40.227,33.109L88.941,92.98z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M237.505,201.192 c-0.197,0-0.395-0.034-0.584-0.104l-57.179-20.894c-0.274-0.1-0.518-0.27-0.708-0.491l-30.985-36.135 c-0.462-0.539-0.542-1.308-0.199-1.929l34.254-62.213c0.264-0.48,0.744-0.804,1.288-0.869l108.45-13.036 c0.667-0.077,1.308,0.235,1.655,0.802l24.793,40.542c0.164,0.267,0.25,0.575,0.25,0.888v49.612c0,0.63-0.348,1.208-0.904,1.504 l-79.333,42.124C238.055,201.125,237.781,201.192,237.505,201.192z M181.329,177.149l56.048,20.481l77.759-41.289v-48.108 l-23.972-39.2L184.666,81.833l-33.264,60.415L181.329,177.149z M316.838,157.365h0.008H316.838z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M259.733,290.836 c-0.277,0-0.553-0.067-0.803-0.202c-0.449-0.24-0.767-0.669-0.866-1.168l-15.302-76.944c-0.146-0.737,0.208-1.483,0.871-1.836 l72.407-38.447c0.528-0.28,1.164-0.263,1.676,0.045c0.512,0.307,0.825,0.861,0.825,1.458v91.798c0,0.689-0.416,1.311-1.052,1.574 l-57.105,23.593C260.175,290.794,259.954,290.836,259.733,290.836z M246.349,213.1l14.65,73.669l54.137-22.367v-87.827 L246.349,213.1z M316.838,265.541h0.008H316.838z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M493.881,332.944 c-0.528,0-1.044-0.247-1.374-0.696l-22.59-30.807c-0.507-0.691-0.422-1.65,0.199-2.24l11.838-11.255 c0.438-0.416,1.063-0.57,1.644-0.402c0.58,0.167,1.028,0.629,1.179,1.214l10.753,42.063c0.202,0.79-0.185,1.612-0.922,1.961 C494.375,332.891,494.126,332.944,493.881,332.944z M473.549,300.635l16.503,22.507l-7.855-30.729L473.549,300.635z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M438.361,461.501 c-0.227,0-0.455-0.045-0.674-0.139c-0.809-0.35-1.217-1.256-0.944-2.092l24.578-75.341c0.13-0.396,0.399-0.731,0.759-0.942 l24.309-14.218c0.661-0.385,1.497-0.284,2.045,0.249c0.549,0.532,0.676,1.365,0.309,2.037l-48.887,89.559 C439.548,461.177,438.966,461.501,438.361,461.501z M464.357,385.601l-18.664,57.213l37.124-68.01L464.357,385.601z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M501.542,135.498 c-0.118,0-0.237-0.013-0.356-0.038c-0.482-0.103-0.896-0.411-1.135-0.843l-31.469-57.154c-0.242-0.44-0.277-0.965-0.097-1.434 c0.181-0.468,0.56-0.833,1.034-0.997l136.613-47.085c0.719-0.249,1.516,0.011,1.951,0.634s0.404,1.46-0.076,2.05l-52.61,64.66 c-0.087,0.107-0.187,0.202-0.297,0.285l-52.534,39.579C502.269,135.379,501.908,135.498,501.542,135.498z M472.541,77.592 l29.545,53.662l50.801-38.273L601.6,33.109L472.541,77.592z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M404.322,201.192 c-0.275,0-0.55-0.067-0.799-0.199l-79.332-42.124c-0.557-0.295-0.904-0.874-0.904-1.504v-49.612c0-0.313,0.086-0.621,0.25-0.888 l24.793-40.542c0.347-0.568,0.992-0.879,1.655-0.802l108.45,13.036c0.544,0.065,1.023,0.389,1.288,0.869l34.254,62.213 c0.343,0.622,0.263,1.391-0.199,1.929l-30.984,36.135c-0.19,0.221-0.434,0.391-0.708,0.491l-57.18,20.894 C404.716,201.158,404.519,201.192,404.322,201.192z M326.691,156.341l77.76,41.289l56.048-20.481l29.927-34.9l-33.264-60.415 L350.664,69.033l-23.973,39.2V156.341z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M382.093,290.836 c-0.221,0-0.441-0.042-0.649-0.129l-57.104-23.593c-0.637-0.263-1.053-0.884-1.053-1.574v-91.798c0-0.597,0.313-1.151,0.824-1.458 c0.514-0.308,1.148-0.325,1.677-0.045l72.406,38.447c0.663,0.353,1.018,1.099,0.871,1.836l-15.302,76.944 c-0.1,0.5-0.417,0.929-0.865,1.168C382.647,290.769,382.371,290.836,382.093,290.836z M326.691,264.402l54.137,22.367l14.65-73.669 l-68.787-36.525V264.402z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
</g>
<g id="step_3">
<path d=
"M316.838,542.517 c-0.045,0-0.09-0.001-0.136-0.005l-15.39-1.229c-0.68-0.055-1.261-0.509-1.479-1.155l-10.176-30.28 c-0.198-0.589-0.059-1.239,0.363-1.696c0.422-0.457,1.063-0.648,1.663-0.498l25.566,6.375c0.758,0.189,1.29,0.871,1.29,1.652 v25.134c0,0.476-0.198,0.929-0.547,1.251C317.677,542.357,317.265,542.517,316.838,542.517z M302.704,537.978l12.432,0.993v-21.96 l-21.259-5.301L302.704,537.978z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M242.918,378.21h-41.353 c-0.74,0-1.396-0.479-1.621-1.185c-0.226-0.704,0.03-1.476,0.633-1.905l17.577-12.533c0.305-0.218,0.675-0.324,1.046-0.316 l17.414,0.595c0.607,0.021,1.158,0.364,1.444,0.901l6.363,11.939c0.281,0.527,0.265,1.164-0.043,1.677 S243.516,378.21,242.918,378.21z M206.885,374.804h33.196l-4.566-8.568l-15.854-0.541L206.885,374.804z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M213.595,570.761 c-0.556,0-1.086-0.273-1.407-0.744L107.896,416.866c-0.372-0.546-0.394-1.259-0.057-1.827l29.513-49.775 c0.312-0.526,0.847-0.867,1.495-0.834c0.611,0.011,1.171,0.35,1.464,0.887l83.425,152.832c0.184,0.336,0.249,0.727,0.183,1.104 l-8.646,50.096c-0.118,0.683-0.639,1.228-1.317,1.374C213.836,570.748,213.715,570.761,213.595,570.761z M111.32,415.844 l101.313,148.776l7.829-45.363l-81.708-149.685L111.32,415.844z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M127.74,183.305 c-0.431,0-0.854-0.164-1.174-0.47l-50.78-48.414c-0.139-0.132-0.253-0.287-0.341-0.457l-13.806-26.957L27.213,38.099 c-0.398-0.796-0.116-1.764,0.647-2.221c0.761-0.457,1.749-0.25,2.264,0.475l48.248,68.013L136.228,146 c0.55,0.397,0.814,1.083,0.668,1.746l-7.493,34.221c-0.131,0.601-0.577,1.084-1.165,1.264 C128.075,183.281,127.907,183.305,127.74,183.305z M78.344,132.156l48.38,46.126l6.606-30.171l-57.178-41.147 c-0.152-0.109-0.285-0.244-0.394-0.397L40.141,56.358l24.536,49.113L78.344,132.156z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M280.635,364.105 c-0.171,0-0.344-0.026-0.513-0.08c-0.573-0.182-1.008-0.65-1.145-1.235l-13.8-58.97c-0.175-0.746,0.17-1.516,0.843-1.883 l50.004-27.238c0.526-0.288,1.167-0.276,1.684,0.031c0.516,0.307,0.833,0.863,0.833,1.464v53.877c0,0.485-0.207,0.946-0.568,1.271 l-36.203,32.33C281.453,363.955,281.047,364.105,280.635,364.105z M268.788,304.307l12.852,54.916l33.497-29.914V279.06 L268.788,304.307z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M324.989,542.517 c-0.427,0-0.839-0.16-1.155-0.451c-0.349-0.322-0.547-0.775-0.547-1.251v-25.134c0-0.781,0.531-1.463,1.29-1.652l25.566-6.375 c0.601-0.151,1.241,0.041,1.663,0.498s0.561,1.107,0.363,1.696l-10.176,30.28c-0.218,0.646-0.799,1.101-1.479,1.155l-15.391,1.229 C325.08,542.516,325.034,542.517,324.989,542.517z M326.691,517.011v21.96l12.433-0.993l8.827-26.268L326.691,517.011z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M440.262,378.21h-41.354 c-0.598,0-1.151-0.314-1.46-0.827c-0.307-0.513-0.323-1.149-0.043-1.677l6.363-11.939c0.286-0.537,0.837-0.881,1.445-0.901 l17.412-0.595c0.386-0.005,0.742,0.1,1.047,0.316l17.577,12.533c0.603,0.43,0.858,1.201,0.633,1.905 C441.658,377.732,441.002,378.21,440.262,378.21z M401.746,374.804h33.196l-12.775-9.109l-15.854,0.541L401.746,374.804z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M428.232,570.761 c-0.12,0-0.24-0.014-0.361-0.039c-0.678-0.146-1.198-0.691-1.316-1.374l-8.646-50.096c-0.065-0.378-0.001-0.769,0.184-1.104 l83.426-152.832c0.293-0.537,0.852-0.876,1.463-0.887c0.605-0.035,1.183,0.307,1.495,0.834l29.513,49.775 c0.337,0.568,0.314,1.281-0.057,1.827L429.639,570.017C429.318,570.488,428.788,570.761,428.232,570.761z M421.364,519.257 l7.829,45.363l101.313-148.776l-27.435-46.271L421.364,519.257z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M514.086,183.305 c-0.167,0-0.334-0.024-0.498-0.074c-0.588-0.18-1.034-0.663-1.165-1.264l-7.492-34.221c-0.146-0.663,0.117-1.349,0.668-1.746 l57.855-41.634l48.248-68.013c0.514-0.725,1.5-0.933,2.264-0.475c0.764,0.458,1.045,1.425,0.648,2.221l-34.419,68.894 l-13.813,26.972c-0.088,0.17-0.202,0.324-0.342,0.457l-50.779,48.414C514.941,183.141,514.517,183.305,514.086,183.305z M508.497,148.111l6.606,30.171l48.379-46.126l13.676-26.7l24.528-49.098l-35.618,50.209c-0.108,0.153-0.241,0.288-0.395,0.397 L508.497,148.111z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M361.192,364.105 c-0.412,0-0.817-0.15-1.134-0.434l-36.203-32.33c-0.362-0.324-0.568-0.785-0.568-1.271v-53.877c0-0.601,0.316-1.157,0.833-1.464 c0.517-0.307,1.157-0.318,1.684-0.031l50.004,27.238c0.673,0.367,1.018,1.137,0.843,1.883l-13.801,58.97 c-0.137,0.585-0.571,1.054-1.145,1.235C361.537,364.079,361.364,364.105,361.192,364.105z M326.691,329.309l33.496,29.914 l12.853-54.916l-46.349-25.247V329.309z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
</g>
<g id="step_2">
<path d=
"M247.823,288.151 c-0.261,0-0.524-0.06-0.766-0.183l-43.883-22.128c-0.077-0.038-0.15-0.083-0.22-0.132l-28.512-20.259 c-0.516-0.367-0.786-0.989-0.701-1.616l6.621-49.012c0.069-0.511,0.366-0.963,0.807-1.23c0.441-0.266,0.98-0.318,1.464-0.141 l51.327,18.755c0.559,0.204,0.97,0.684,1.085,1.267l14.446,72.644c0.127,0.639-0.121,1.293-0.639,1.688 C248.552,288.034,248.189,288.151,247.823,288.151z M204.822,262.858l40.651,20.499l-13.579-68.281l-48.44-17.7l-6.2,45.895 L204.822,262.858z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M150.961,348.508 c-0.568,0-1.107-0.284-1.427-0.772c-0.387-0.594-0.366-1.365,0.054-1.938l27.026-36.855c0.363-0.495,0.963-0.758,1.571-0.684 c0.608,0.071,1.132,0.464,1.371,1.029l11.917,28.236c0.196,0.466,0.176,0.995-0.056,1.444c-0.232,0.448-0.651,0.771-1.145,0.88 l-38.943,8.62C151.207,348.496,151.083,348.508,150.961,348.508z M177.585,313.376l-22.578,30.789l32.534-7.2L177.585,313.376z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M233.09,511.008 c-0.584,0-1.145-0.302-1.46-0.827l-25.013-41.711c-0.396-0.661-0.299-1.506,0.237-2.061l7.359-7.596l35.473-74.203 c0.242-0.507,0.718-0.861,1.271-0.948l19.326-3.03c0.525-0.08,1.053,0.084,1.437,0.447c0.383,0.363,0.576,0.885,0.521,1.411 l-11.03,105.946c-0.024,0.234-0.098,0.463-0.215,0.668l-8.296,14.518c-0.201,0.352-0.521,0.619-0.901,0.757l-18.132,6.528 C233.477,510.976,233.282,511.008,233.09,511.008z M210.209,467.84l23.621,39.39l16.225-5.842l7.806-13.661l10.764-103.388 l-16.254,2.549l-35.207,73.645c-0.079,0.166-0.185,0.318-0.313,0.451L210.209,467.84z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M394.003,288.151 c-0.365,0-0.729-0.118-1.03-0.347c-0.519-0.394-0.767-1.049-0.64-1.688l14.447-72.644c0.115-0.583,0.526-1.063,1.085-1.267 l51.327-18.755c0.484-0.176,1.022-0.125,1.465,0.141c0.441,0.267,0.738,0.719,0.807,1.23l6.621,49.012 c0.085,0.627-0.186,1.249-0.701,1.616l-28.512,20.259c-0.07,0.049-0.144,0.094-0.221,0.132l-43.882,22.128 C394.528,288.091,394.265,288.151,394.003,288.151z M409.933,215.076l-13.578,68.281l40.65-20.499l27.568-19.588l-6.2-45.895 L409.933,215.076z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M490.866,348.508 c-0.122,0-0.245-0.013-0.368-0.04l-38.943-8.62c-0.493-0.109-0.912-0.432-1.145-0.88c-0.232-0.449-0.252-0.979-0.057-1.444 l11.918-28.236c0.238-0.564,0.762-0.958,1.371-1.029c0.606-0.075,1.208,0.189,1.57,0.684l27.026,36.855 c0.419,0.572,0.44,1.344,0.054,1.938C491.973,348.224,491.433,348.508,490.866,348.508z M454.285,336.965l32.535,7.2 l-22.578-30.789L454.285,336.965z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M408.737,511.008 c-0.192,0-0.387-0.032-0.577-0.101l-18.131-6.528c-0.381-0.138-0.701-0.405-0.901-0.757l-8.296-14.518 c-0.118-0.205-0.191-0.434-0.216-0.668l-11.03-105.946c-0.055-0.526,0.139-1.048,0.521-1.411s0.912-0.527,1.436-0.447l19.327,3.03 c0.554,0.087,1.03,0.441,1.271,0.948l35.474,74.203l7.358,7.596c0.536,0.555,0.634,1.399,0.237,2.061l-25.014,41.711 C409.882,510.707,409.322,511.008,408.737,511.008z M391.772,501.388l16.226,5.842l23.621-39.39l-6.643-6.856 c-0.129-0.133-0.234-0.285-0.313-0.451l-35.206-73.645l-16.256-2.549l10.765,103.388L391.772,501.388z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
</g>
<g id="step_1">
<path d=
"M298.768,642.357 c-0.014,0-0.027,0-0.041-0.001l-69.114-1.635c-0.504-0.011-0.977-0.247-1.291-0.641l-16.813-21.083 c-0.239-0.301-0.37-0.673-0.372-1.057l-0.09-33.485L92.679,408.911c-0.179-0.265-0.279-0.575-0.29-0.894l-1.966-57.943 c-0.005-0.141,0.008-0.281,0.038-0.42l33.788-155.438l-56.666-55.529c-0.139-0.137-0.254-0.296-0.339-0.472L18.446,37.782 c-0.301-0.62-0.199-1.359,0.259-1.875l14.62-16.457c0.455-0.512,1.174-0.702,1.822-0.481l145.657,49.608L295.21,55.769 c0.661-0.074,1.305,0.244,1.648,0.814l23.898,39.738l24.178-40.202c0.343-0.571,0.99-0.89,1.648-0.815l114.405,12.809 l145.658-49.607c0.646-0.221,1.365-0.032,1.82,0.48l14.62,16.457c0.458,0.515,0.56,1.254,0.259,1.875L574.546,137.75 c-0.085,0.176-0.199,0.335-0.34,0.472l-56.666,55.528l33.79,155.439c0.03,0.138,0.042,0.279,0.038,0.42l-1.967,57.943 c-0.01,0.319-0.111,0.629-0.289,0.895L430.744,583.992l-0.089,33.483c-0.001,0.384-0.132,0.757-0.372,1.058l-16.814,21.084 c-0.313,0.395-0.786,0.629-1.29,0.641l-69.114,1.633c-0.506,0.033-0.968-0.191-1.3-0.557l-20.657-22.712l-21.08,23.179 C299.705,642.155,299.247,642.357,298.768,642.357z M230.489,637.335l67.542,1.598l21.817-23.987c0.645-0.71,1.874-0.71,2.519,0 l21.394,23.522l67.542-1.597l15.949-19.999l0.088-33.408c0.001-0.338,0.102-0.667,0.291-0.947l118.386-175.568l1.942-57.244 l-33.945-156.15c-0.124-0.572,0.055-1.168,0.473-1.577l57.127-55.981l48.172-99.143l-13.113-14.76L461.726,71.458 c-0.238,0.081-0.49,0.108-0.738,0.081L347.289,58.81l-25.073,41.692c-0.308,0.512-0.862,0.825-1.459,0.825 c-0.598,0-1.151-0.313-1.459-0.825l-24.794-41.228l-113.699,12.73c-0.249,0.027-0.501,0-0.739-0.081L35.119,22.557L22.006,37.318 l48.172,99.143l57.126,55.981c0.418,0.41,0.596,1.005,0.472,1.578L93.833,350.17l1.942,57.242l118.385,175.569 c0.189,0.279,0.29,0.609,0.291,0.947l0.089,33.409L230.489,637.335z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M386.679,373.29 c-0.197,0-0.398-0.034-0.592-0.106l-15.4-5.709c-0.789-0.293-1.246-1.117-1.075-1.941l13.191-63.77 c0.105-0.508,0.437-0.941,0.901-1.175l54.169-27.316l33.203-23.591c0.425-0.303,0.966-0.394,1.467-0.245 c0.501,0.147,0.906,0.517,1.101,1.001l9.135,22.875c0.259,0.646,0.098,1.385-0.407,1.865l-22.659,21.546l-19.429,46.035 c-0.137,0.323-0.37,0.597-0.668,0.782l-19.872,12.393c-0.253,0.157-0.544,0.246-0.842,0.256l-20.383,0.697l-10.422,15.645 C387.774,373.015,387.236,373.29,386.679,373.29z M373.243,364.791l12.767,4.732l10.162-15.252c0.304-0.457,0.81-0.738,1.357-0.758 l20.801-0.711l19.026-11.865l19.357-45.865c0.091-0.216,0.226-0.41,0.396-0.572l22.08-20.996l-7.905-19.794l-31.542,22.412 c-0.07,0.049-0.144,0.094-0.221,0.132l-53.55,27.004L373.243,364.791z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
<path d=
"M255.148,373.29 c-0.557,0-1.095-0.274-1.417-0.759l-10.423-15.645l-20.382-0.697c-0.298-0.01-0.589-0.099-0.843-0.256l-19.872-12.393 c-0.298-0.186-0.531-0.459-0.668-0.782l-19.43-46.035l-22.658-21.546c-0.504-0.479-0.666-1.218-0.407-1.865l9.135-22.875 c0.194-0.485,0.599-0.854,1.1-1.001c0.499-0.148,1.041-0.058,1.467,0.245l33.203,23.591l54.169,27.316 c0.464,0.233,0.795,0.667,0.901,1.175l13.191,63.77c0.17,0.824-0.286,1.648-1.075,1.941l-15.4,5.709 C255.546,373.255,255.345,373.29,255.148,373.29z M223.498,352.802l20.8,0.711c0.548,0.02,1.054,0.301,1.359,0.758l10.161,15.252 l12.767-4.732l-12.729-61.533l-53.55-27.004c-0.077-0.039-0.15-0.083-0.22-0.132l-31.542-22.412l-7.905,19.794l22.08,20.996 c0.17,0.162,0.304,0.356,0.396,0.572l19.357,45.865L223.498,352.802z"
fill="#D6E7F7" stroke="#394DA1" stroke-miterlimit="10" stroke-width=
"0.5"></path>
</g></svg>
</div>
<div class="song_Wrapper">
<span class="song_Title_Wrapper">
<img src="img/left_arrow.svg" id="previous">
<div class="song_Title">
<span></span>
</div>
<img src="img/right_arrow.svg" id="next">
</span><br>
<span class="song_Controls_Wrapper">
<span class="sensitivity">
<div class="slider slider-volume">
<input min="0" max="100" value="100" id="slider-volume" type="range">
</div>
</span>
<span class="upload"><img src="img/upload.svg"></span>
<span class="play"><img src="img/paused.svg"></span>
<span class="mic"><img src="img/mic.svg"></span>
<span class="full"><img src="img/fullscreen.svg"></span>
</span>
<div id="audio_Wrapper">
<audio id="audio" src="Daft Punk - Music Sounds Better with you.mp3"></audio>
</div>
</div>
<div class="upload_Pop">
<div class="upload_Wrapper">
<div class="upload_Details">
<span class="close"><img src="img/close.svg"></span>
<div class="sc_upload">
<input type="button" value="SoundCloud" class="btn" id="show_SC">
<input type="button" value="Upload" class="btn" id="show_Up">
</div>
<div class="SC_Wrapper">
<span>Copy & Paste the URL of a track or playlist from SoundCloud.</span>
<form>
<input id="sound_Cloud_Input" placeholder="ex: https://soundcloud.com/adrian-voglen/snow-birds" type="text" value="">
<div class="error">Invalid URL</div>
<div class="error_type">Sets or Tracks only</div>
<input type="button" value="Submit" class="btn submit">
<input type="button" value="Reset" class="btn upload_Reset">
</form>
</div>
<div class="up_Wrapper">
<span>Drag or upload file into the box.</span>
<form>
<input type="hidden" id="MAX_FILE_SIZE" name="MAX_FILE_SIZE" value="300000" accept="audio/*" />
<input id="file" type="file" accept="audio/*"> <output id="list"></output>
<div id="drop_zone">
Drop files here
</div>
</form>
<div class="error">Un-supported file type</div>
<input type="button" value="Submit" class="btn submit">
<input type="button" value="Reset" class="btn upload_Reset">
</div>
</div>
</div>
</div>
<div class="fullscreen_Button"></div>
</body>
</html>