babel/index.html at master · barning/babel · 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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Babel</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="css/style.css">
	<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
	<script src="socket.io/socket.io.js"></script>
	<script src="js/jquery.js"></script>
	<script src="js/p5.js"></script>
	<script src="js/p5.sound.js"></script>
	<script src="js/jquery.particleground.min.js"></script>
</head>
<body>
	<div id="processing">
	</div>
	<div id="background">
	</div>
	<div id="about">
		<section>
			<article>
				<h2>Hah, thought you woud never ask!</h2>
				<p>The project is inspired by the <a href="http://en.wikipedia.org/wiki/Tower_of_Babel">Tower of Babel</a>.</p>
				<p>Once upon a time, all people on earth understood each other. But their language was confounded.</p>
				<p>This web app is symbolising the meaning of the Tower of Babel.
					 Everyone is represented by an bubble, which pulsates and beeps.
					 Even if you and other visitors speaking the same language, no one
					 would ever understand what you are saying.</p>
				<i class="fa fa-comments-o"></i>
				<center><a class="what" href="">Close</a></center>
			</article>
		</section>
	</div>
	<section class="name">
		<input type='text' class='loginname' placeholder='What is your Name?'>
		<input type='submit' class='submit' value='Submit'>
	</section>
	<p class="info">
		Please put on your headphones!<br>
		<a class="what" href="#">What is this?</a><br>
		Code & Design: <a href="http://www.niklasbarning.de">Niklas Barning</a><br>
		<a href="https://github.com/barning/babel">Fork me on Github</a>
	</p>
	<script src="js/sketch.js"></script>
</body>
</html>