vusik/index.html at master · r0hit-gupta/vusik · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<title>Vusik</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<div class="notefall">
	<div class="note"></div>
	<div class="note"></div>
	<div class="note"></div>
	<div class="note"></div>
	<div class="note"></div>
	<div class="note note2"></div>
	<div class="note note2"></div>
	<div class="note note2"></div>
	<div class="note note2"></div>
</div>
<div class="mic">
	<img src="images/mic.png" alt="mic-icon">
	<div class="ring1"></div>
	<div class="ring2"></div>
</div>
<iframe src="" frameborder="0"></iframe>

<div class="text">Try 'Play tum hi ho'</div>
<svg class="wave1" width="1906px" height="347px" viewBox="-236 780 1906 347" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

    <desc>Created with Sketch.</desc>
    <defs>
        <radialGradient cx="50%" cy="0%" fx="50%" fy="0%" r="100%" id="radialGradient-1">
            <stop stop-color="#EDECDF" stop-opacity="0.330163043" offset="0%"></stop>
            <stop stop-color="#D6D3BC" stop-opacity="0.330163043" offset="100%"></stop>
        </radialGradient>
    </defs>
    <g id="waves" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-236.000000, 780.000000)">
        <path d="M108.281801,22.4842484 C265.033256,-17.0914092 548.803633,107.053878 955.999984,109.032657 C1363.19634,111.011437 1542.28619,-57.4064964 1800.76183,22.4842478 C2059.23746,102.374992 1758.76682,306.694755 1758.76682,306.694755 L120.342541,281.250601 C120.342541,281.250601 -48.4696552,62.059906 108.281801,22.4842484 Z" id="Path-1" fill-opacity="0.243093297" fill="#9B9B9B" style="mix-blend-mode: multiply;"></path>
        <path d="M173.971926,129.152179 C356.660212,62.5421449 574.033114,40.4867062 960.225882,38.8880841 C1346.41865,37.289462 1523.52765,45.3659541 1740.09269,122.669315 C1956.65774,199.972675 1745.71408,319.269786 1745.71408,319.269786 L167.489062,327.928108 C167.489062,327.928108 -8.71635943,195.762213 173.971926,129.152179 Z" id="Path-2" fill="url(#radialGradient-1)" style="mix-blend-mode: multiply;"></path>
        <path d="M199.050611,82.5059388 C612.213542,124.553184 690.753884,16.572162 955.999977,16.572162 C1221.24607,16.572162 1448.20711,117.913692 1760.94224,82.5059388 C2073.67737,47.0981853 1773.16835,346.824059 1773.16835,346.824059 L146.369718,235.327496 C146.369718,235.327496 -214.11232,40.4586938 199.050611,82.5059388 Z" id="Path-3" fill-opacity="0.279749774" fill="#C9B4B4" style="mix-blend-mode: multiply;"></path>
    </g>
</svg>


<!-- player controls -->

<!-- <div class="player"></div> -->
<script src="script.js"></script>

</body>
</html>