-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
44 lines (44 loc) · 1.83 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
<html>
<head>
<title>Greetings</title>
<link rel="stylesheet" href="styles.css" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="timer">
<div id="timerText"></div>
</div>
<div id="drawing"></div>
<div id="gong"></div>
<div id="container">
<div id="titleScreen">
<div id="title">Most Sincere Greetings, Esteemed One</div>
<div id="subtitle">A ritual for two players</div>
</div>
<div id="introSpielScreen">
<div id="spiel1">The ritual of greeting is important to many societies, both human and otherwise. We recognize one another's intentions by the complex ways that we greet each other. From changing forms of address to different physical interactions across cultures, there are many ways to say hello.<br><br></div>
<div id="spiel2">You, too, can discover the many complexities of learning a new greeting ritual. You and a partner will be given a series of instructions that form your new personal greeting and asked to complete this greeting as quickly as possible. To begin, find a partner, and together, clear your minds to allow for calibration.</div>
</div>
<div id="instructionsScreen">
<div id="steps"></div>
</div>
<div id="feedbackScreen">
<div id="feedback">.</div>
</div>
<div id="gongText"></div>
</div>
<audio id="gongSound">
<source src="assets/gong.wav"></source>
</audio>
<audio id="bgm" autoplay loop>
<source src="assets/chanting.mp3"></source>
</audio>
<script src="libraries/jquery-1.11.2.min.js"></script>
<script src="libraries/jintervals.js"></script>
<script src="libraries/jquery.stopwatch.js"></script>
<script src="libraries/keyboardcontroller.js"></script>
<script src="libraries/tracery.min.js"></script>
<script src="madlibs.js"></script>
<script src="app.js"></script>
</body>
</html>