-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathbeta.html
126 lines (120 loc) · 3.93 KB
/
beta.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
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
<html>
<head>
<title>
ilovewinegums.com
</title>
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="less.min.js" type="text/javascript"></script>
<script src="prefixfree.min.js"></script>
<link rel="shortcut icon" href="favicon.png" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if IE]>
<style>
body {overflow:auto;}
#ie {display:inline-block;}
#container {display:none;}
</style>
<![endif] -->
</head>
<body>
<section id="ie">
<a href="http://google.com/chrome">Get a new browser <strong>NOW</strong>!</a>
</section>
<div id="container">
<audio id="audio1" controls preload="1" autobuffer loop>
<source src="sounds/geluid1.mp3" type="audio/mp3">
<source src="sounds/geluid1.ogg" type="audio/ogg">
</audio>
<audio id="audio2" controls preload="2" autobuffer loop>
<source src="sounds/geluid2.mp3" type="audio/mp3">
<source src="sounds/geluid2.ogg" type="audio/ogg">
</audio>
<audio id="audio3" controls preload="3" autobuffer loop>
<source src="sounds/geluid3.mp3" type="audio/mp3">
<source src="sounds/geluid3.ogg" type="audio/ogg">
</audio>
<audio id="audio4" controls preload="4" autobuffer loop>
<source src="sounds/geluid4.mp3" type="audio/mp3">
<source src="sounds/geluid4.ogg" type="audio/ogg">
</audio>
<audio id="audio5" controls preload="5" autobuffer loop>
<source src="sounds/geluid5.mp3" type="audio/mp3">
<source src="sounds/geluid5.ogg" type="audio/ogg">
</audio>
<audio id="audio6" controls preload="6" autobuffer loop>
<source src="sounds/geluid6.mp3" type="audio/mp3">
<source src="sounds/geluid6.ogg" type="audio/ogg">
</audio>
<header id="titel">
<h1>
<span class="geel">W</span>
<span class="oranje">H</span>
<span class="donker-oranje">I</span>
<span class="roze">N</span>
<span class="mat-groen">I</span>
<span class="lichtblauw">N</span>
<span class="donkerblauw">G</span>
<br>
<span class="donkergroen">W</span>
<span class="donkerroze">I</span>
<span class="lichtgroen">N</span>
<span class="lichtgeel">E</span>
<span class="viesbruin">G</span>
<span class="paars">U</span>
<span class="donkerpaars">M</span>
<span class="oranje">S</span>
</h1>
</header>
<section id="winegums">
<div class="winegum-container">
<figure class="winegum-oval winegum" onmouseover="whining('audio1');">
<div class="mouth"></div>
</figure>
<article class="balloon">
<span>!</span><span>!</span><span>!</span>
</article>
</div>
<div class="winegum-container">
<figure class="winegum-square winegum pink" onmouseover="whining('audio2');">
<div class="mouth"></div>
</figure>
</div>
<div class="winegum-container">
<figure class="winegum-oval winegum blue" onmouseover="whining('audio3');">
<div class="mouth"></div>
</figure>
</div>
<div class="winegum-container">
<figure class="winegum winegum-round purple" onmouseover="whining('audio4');">
<div class="mouth"></div>
</figure>
</div>
<div class="winegum-container">
<figure class="winegum-oval winegum yellow" onmouseover="whining('audio5');">
<div class="mouth"></div>
</figure>
</div>
<div class="winegum-container">
<figure class="winegum-oval winegum green" onmouseover="whining('audio6');">
<div class="mouth"></div>
</figure>
</div>
</section>
<footer>
A project from <a href="http://wn-multimedia.nl">Wietse Neven</a> and <a href="http://franskemna.nl">Frans Kemna</a>
</footer>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-40334734-1', 'ilovewinegums.com');
ga('send', 'pageview');
</script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="script.js"></script>
</body>
</html>