forked from mightymusketeers/mightymusketeers.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·149 lines (139 loc) · 6.12 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
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!doctype html>
<head>
<title>Mighty Ole</title>
<meta charset="utf-8">
<meta name="description" content="Mighty Ole 2D Platformer">
<meta name="viewport" content="user-scalable = no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/humane-js/3.2.2/themes/bigbox.min.css">
<link rel="stylesheet" href="css/loginRegister.css" media="screen" />
<link rel="stylesheet" href="css/mighty.css" type="text/css" media="screen">
<script type="text/javascript" src="jquery.2.1.1.min.js"></script>
<!-- <script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.3.2.min.js"></script> -->
<script type='application/javascript' src='js/fastclick.js'></script>
<script type='application/javascript' src='js/jquery.touchSwipe.min.js'></script>
<script type='application/javascript' src='js/hammer.min.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/humane-js/3.2.2/humane.min.js"></script>
<script>
var bigbox = humane.create({baseCls: 'humane-bigbox', timeout: 1000, clickToClose: true});
</script>
<script type='application/javascript' src='js/screenfull.js'></script>
<script src="https://www.gstatic.com/firebasejs/3.7.5/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyBNzWJ1e72dT52Tjcfc8dsEwgGtqSGCcEo",
authDomain: "mightyole-61926.firebaseapp.com",
databaseURL: "https://mightyole-61926.firebaseio.com",
projectId: "mightyole-61926",
storageBucket: "mightyole-61926.appspot.com",
messagingSenderId: "745654366363"
};
firebase.initializeApp(config);
</script>
</head>
<body>
<div class="wrapper">
<div id="gameContainer" style="display:none;">
<!-- <div class="sound sound-off"></div> -->
<div id="menu">
<div id="progress">
<div id="percent">Loading: <span id="p"></span></div>
<progress id="progress-bar" value="0"></progress>
</div>
<div id="main">
<h1 id="siteTitle">Welcome to Mighty Ole, <span class="playerUsername"></span></h1>
<ul>
<li><a href="javascript:void(0)" class="button play">Start Game</a></li>
<li><a href="javascript:void(0)" class="button credits">Credits</a></li>
<li><a href="javascript:void(0)" class="button instructionButton">Instructions</a></li>
<li><a href="javascript:void(0)" class="button logoutNow">Log Out</a></li>
<li><div class="fb-like" data-layout='button' data-share="true" data-width="450" data-show-faces="true"></div></li>
</ul>
</div>
<div id="credits">
<ul>
<li class="developer">Developers: Drew Volz and Armaan Bindra </li>
</ul>
<a href="javascript:void(0)" class="button back">Back</a>
</div>
<div id="instructions">
<ul>
<li class="instruction">Press space to jump</li>
<li class="instruction">Collect mugs to please Randy and collect energy while you are at it</li>
<li class="instruction">Press and hold shift to use the energy and evade the evil squirrels</li>
<li class="instruction">To impress your friends rack up as many achievemnts as you can</li>
<li class="instruction">Enjoy Playing</li>
<li class="instruction"> -The Mighty Musketeers</li>
</ul>
<a href="javascript:void(0)" class="button back">Back</a>
</div>
</div>
<div id="gameDiv">
<canvas id="canvas">
<p>Your browser does not support the required functionality to play this game.</p>
<p>Please update to a modern browser such as <a href="www.google.com/chrome/">Google Chrome</a> to play.</p>
</canvas>
</div>
<div id="game-over">
<h2 id="gameOverMessage"><span class="playerUsername"></span>, you survived for <span id="score"></span> seconds!</h2>
<h2 id="tapToRetry">Press Space to try again!</h2>
<h2 id="gameCounter"></h2>
</div>
<!-- In-game menu -->
<div id="inGameMenu">
<button class="inGameMenuButton" id="inGameButton1">Statistics</button>
<button class="inGameMenuButton" id="inGameButton2">Achievements</button>
<!-- Close button for in-game menu -->
<a id="inGameButton4"></a>
<!-- Logout button for in-game menu -->
<a id="inGameButton5"></a>
<!-- Stats -->
<div class="inGameMenuDiv" id="statistics">
<br>
<div id="tooltip" class="hidden">
<p><span id="scoreTip"></span></p>
</div>
<div id="userGraph">
</div>
</div>
<!-- Achievements -->
<div class="inGameMenuDiv" id="achievements">
<br>
<div id="achievementsHolder">
<table class="achievementsTable">
</table>
</div>
</div>
</div>
</div>
<div id="mainTitle">Login</div>
<div id="loginContainer">
<div id="wrappertop"></div>
<div id="wrappermiddle">
<input type="text" autofocus placeholder="Name" class="credentials" id="name">
<input type="email" autofocus placeholder="Email" class="credentials" id="email">
<input type="password" placeholder="Password" class="credentials" id="passwd">
<div>
<input class="button" type="button" id="submit1" value="Submit">
<button id="fbLogIn" class="button">Use facebook</button>
<br>
<div id="goSignUp" class="helpful">Need an account?</div>
<div id="goLogIn" class="helpful">Have an account?</div>
<h5 id="warning">Incorrect username/password</h5>
</div>
</div>
</div>
<div id="wrapperbottom"></div>
</div>
<script src="js/d3Graph.js"></script>
<script type="text/javascript" src="js/firebaseFunctions.js"></script>
<script type='application/javascript' src='achievements.js'></script>
<script type="text/javascript" src="js/mighty.js"></script>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</body>
</html>