-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
57 lines (56 loc) · 3.59 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<html>
<head>
<title>HONK</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512">
<g id="feet">
<path fill="#F28939" d="M268.8,454c-6.2-0.6-12.4-1.5-18.5-2.8c-4.3-1-10.9-1.6-13.7-5.5c-1.1-1.5-2.4-2.3-3.9-2.7
c-1.6-8.5-1.6-17.7-2.5-26.2c-0.9-8.7-14.7-8.8-13.8,0c1.2,11.5,0.8,24.7,4.4,35.8c3.3,10.1,11.8,18.4,18.5,26.4
c2.6,3.1,7.1,2.1,9.7,0c2.4-1.9,5.5-2.1,8.1-0.8c5.5,2.6,14.1-3.3,9.4-9.4c1.3-0.5,2.7-0.9,4-1.2
C278.5,465.4,276.3,454.7,268.8,454z"/>
<path fill="#d37231" d="M311.5,414.7c-0.8-1.1-2.3-1.5-3.2-2.4c-0.8-0.9-0.9-1.8-1.6-2.8c-1.6-2.3-3.6-3.4-6.2-3.8
c-8.4-1.5-16.8,3.7-25.3,1.4c-11.1-3-7.8-19.4-7.9-28.2c-0.1-5.3-8.3-5.3-8.3,0c0,1.2,0,2.5,0,3.9c-0.7,0.7-1.2,1.6-1.3,2.9
c-0.3,9.4-0.8,20.1,1.6,29.2c1.8,6.9,8.4,9.2,14.8,10.2c4.2,0.7,8.5,0.8,12.5,2.2c4,1.4,5.7,5.3,9.4,6.7c7.2,2.8,7.6-5.1,11.5-8.2
C311.3,422.8,315.6,419.9,311.5,414.7z"/>
</g>
<g id="bottombeak">
<path fill="#F28939" d="M333.2,118.7c-0.1-1.5-1.2-2.8-2.7-3.1c-1.9-0.4-3.9,0.9-5.6,1.6c-7.8,3.1-15.7,5.6-23.9,7.5
c-1.5,0.3-3.2,0.5-4.3,1.6c-1.3,1.2-1.5,3.1-0.9,4.7c0.6,1.6,1.9,2.5,3.2,3.5c1.5,1.1,3.1,2.2,5,2.6c2.4,0.6,4.6-0.2,6.6-1.5
c6-1.9,10.9-6.1,16.2-9.7C329.3,124,333.6,122.4,333.2,118.7z"/>
</g>
<g id="topbeak">
<path fill="#F28939" d="M332.3,114c-1.1-2.8-4.4-2.3-6.9-2.1c-3.1,0.2-6.1,0.5-9.2,0.7c-7,0.6-14.1,1.3-21.1,2c-1.4,0.2-2,1.4-2,2.5
c-0.2,0.4-0.2,0.9-0.1,1.3l1.1,4.3c0.3,1.2,0.5,2.7,1.3,3.7c1.7,2,5.6,0.6,7.7,0.1c5.8-1.3,11.5-3.3,17.3-5.1
c2.9-0.9,5.8-1.8,8.7-2.7C331.3,118,333.3,116.4,332.3,114z"/>
</g>
<g id="body">
<path fill="#FFFFFF" d="M303.8,258.5c-8.7-15.9-12.9-33.3-13.5-51.4c-0.6-16.1,0-35.1,6.7-50.1c1.8-4.1,4.2-7.1,7.2-10.2
c1.9-2.1,3.9-4,4.5-6.9c1.2-6.5-4.7-13.4-9.4-19c-0.8-1.6-1.9-3-3.3-4.1c0,0,0,0,0,0c-2.5-3.3-6.4-3.6-9.3-2.1c0,0,0,0-0.1,0
c-13.9,1.6-20.4,19.8-22.9,31.4c-3.3,15.7-1.7,31.6,0.9,47.3c2.9,17,6.2,33.7,6.6,51.1c0.1,3.9,0.1,7.9-0.1,11.8
c0,1,0.3,7.2-0.4,7.8c0.8-0.7-6.9,1.1-1.9-0.3c-3.6,1-8.5,0.3-12.2,0.8c-4.3,0.6-8.5,1.4-12.7,2.5c-17.1,4.3-33.9,10.9-50.6,16.6
c-8.5,2.9-16.9,5.8-25.4,8.6c-8.3,2.7-16.9,5.4-25.8,3.8c-9.9-1.8-32.8-12.8-37.5,2.3c-4.6,14.4,12.9,25,21.7,32.6
c24.2,20.6,44.8,44.8,66.9,67.5c8.6,8.8,20.1,25.2,34.2,19c7.1-3.1,12.9-10.1,18.6-15.3c6.8-6.2,13.5-12.4,20.3-18.6
c22.4-20.6,46.9-43.5,50.7-75.4C319.2,289.6,312.5,274.4,303.8,258.5z"/>
</g>
<g id="eye">
<path d="M286.6,123.1c-5.3,0-5.3,8.3,0,8.3C291.9,131.4,291.9,123.1,286.6,123.1z"/>
</g>
<g id="honks">
<path fill="#FFFFFF" d="M378.9,27.9c-4.4,2.4-8.8,5-12.3,8.6c-1.6,1.7-3.1,3.7-4.2,5.8c-1.1,2.3-1.1,5.9-2.6,7.8
c-1.5,1.9-4.9,2.9-6.9,4.2c-2.3,1.5-4.5,3.2-6.4,5.1c-4.1,4.2-6.9,9.5-7.5,15.3c-0.7,6.5,9.4,8.9,10,2.3c0.6-5.6,3.5-9.8,7.9-13
c3.6-2.6,8.5-4,11.3-7.6c2.8-3.5,2-8.3,4.8-11.8c2.9-3.6,7.3-5.8,11.3-8C390.2,33.4,384.7,24.7,378.9,27.9z"/>
<path fill="#FFFFFF" d="M427.2,66c-5.4,3.5-10.8,7-16.3,10.4c-4.9,3.1-9.9,6.8-15.7,7.9c-5.3,1-10.5,0.5-15.7,2.2
c-5.6,1.9-10.7,5-15.7,8.1c-5.6,3.5-0.2,12.2,5.5,8.7c5-3.1,10-6.3,15.8-7.7c5.5-1.3,11.1-0.5,16.5-2.5c11.2-4,21.2-12.2,31.1-18.5
C438.3,71.2,432.8,62.4,427.2,66z"/>
<path fill="#FFFFFF" d="M424.8,126.4c-10.2,1.5-19.5-2.9-29.3-5c-8.6-1.9-17.2-1.8-25.2,2.4c-5.9,3.1-0.4,11.8,5.5,8.7
c7.4-3.9,16.2-1.6,23.7,0.5c8.5,2.4,16.9,4.9,25.8,3.6C431.7,135.7,431.4,125.4,424.8,126.4z"/>
</g>
</svg>
<audio id="audio" controls style="display:none">
<source src="honk.mp3" type="audio/mpeg"> Your browser does not support the audio element.
</audio>
<script defer src="script.js"></script>
</body>
</html>