forked from axsaucedo/Last-Letter-Game
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathgame.html
93 lines (90 loc) · 3.24 KB
/
game.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
<!DOCTYPE HTML>
<html manifest="manifest.appcache">
<head>
<meta charset="UTF-8" />
<title>Eureka Languages Game</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="game.css" />
<link rel="home" href="./" />
<script src="highcharts/standalone-framework.js"></script>
<script src="highcharts/highcharts.js"></script>
<!--[if lte IE 8]>
<link rel="stylesheet" href="ie6.css" />
<script src="http://api.html5media.info/1.1.6/html5media.min.js"></script>
<![endif]-->
<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-45378043-1');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="container"><div class="vertalign">
<div data-role="page" id="gameboard" class="game">
<header>
<div class="scoreboard">
<span>Score: </span>
<span id="score">0</span>
<span class="spacer"> </span>
<span> Qn </span>
<span id="question">1/20</span>
</div>
</header>
<div data-role="content" class="playing">
<p id="pressplay">Press ▶ to start:</p>
<div>
<audio id="player" src="null.m4a" type="audio/mp4"
onplay="game.speechReady(this);" autoplay controls></audio>
</div>
<div class="midpanel" align="right">
<span id="error"></span>
<span id="timer">10</span>
</div>
<form action="#" id="multiplechoice" onsubmit="return false;">
<button onclick="game.checkAnswer(this);" ontouchstart="click();return false;"></button>
<button onclick="game.checkAnswer(this);" ontouchstart="click();return false;"></button>
<button onclick="game.checkAnswer(this);" ontouchstart="click();return false;"></button>
<button onclick="game.checkAnswer(this);" ontouchstart="click();return false;"></button>
</form>
</div>
<div data-role="content" class="gameover">
<h3 id="results">Game over</h3>
<div class="facebook_button" onclick="game.fbShare();">
<span class="separator"></span><span class="text">Challenge your friends</span>
</div>
<button onclick="game.playOn()" class="green">Continue playing</button>
<button onclick="window.location.href='./'" class="red">New game</button>
<!-- Learn a foreign language -->
<ins class="adsbygoogle"
data-ad-client="ca-pub-4307835691735244"
data-ad-slot="1925041033"></ins>
</div>
</div>
<script src="questions.js"></script>
<script src="game.js"></script>
<script>
game.nextQuestion();
</script>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId: '1378630869050407',
status: true
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</div></div>
</body>
</html>