-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (68 loc) · 3.49 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" />-->
<title>🕹️ Escape the T</title>
<meta name="description" content="A satirical game based on the many MBTA's T Orange Line crises.">
<meta name="keywords" content="MBTA, T, Game, Orange Line, Fire">
<meta name="author" content="The Fake Slim Shady">
<link rel="stylesheet" href="src/assets/css/index.min.css" />
<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=6334aa82516bac0012998627&product=inline-share-buttons' async='async'></script> </head>
<body>
<div id="dino">
<span id="press-to-play" class="press-to-play">Press space to play</span>
<div class="score hidden">
<span class="highscore hidden">HI 00000</span>
<span class="current-score">000000</span>
</div>
<div class="game-over hidden">
<div class="game-over-text">GAME OVER</div>
<div class="replay-button">🔄</div>
</div>
</div>
<div id="hidden-elements">
<button class="fullscreen-btn" onclick="fullscreen()">Fullscreen</button><br>
<!-- ShareThis BEGIN -->
<div class="sharethis-inline-share-buttons"></div>
<div class="sharethis-inline-reaction-buttons"></div>
<!-- ShareThis END -->
<p>Made with 😂 by <a href="https://github.com/Sid220/">The Fake Slim Shady</a>. <a
href="https://github.com/sid220/escapethet/stargazers"
data-href="https://github.com/sid220/escapethet/stargazers"
title="https://github.com/sid220/escapethet/stargazers"><img
src="https://img.shields.io/github/stars/sid220/escapethet?style=social&label=star"
alt="GitHub stars"
data-src="https://img.shields.io/github/stars/sid220/escapethet?style=social&label=star"></a>
<a href="https://github.com/sid220/escapethet/network"
data-href="https://github.com/sid220/escapethet/network"
title="https://github.com/sid220/escapethet/network"><img
src="https://img.shields.io/github/forks/sid220/escapethet?label=fork%20on%20Github&style=social"
alt="GitHub forks"
data-src="https://img.shields.io/github/forks/sid220/escapethet?label=fork%20on%20Github&style=social"></a>
</p>
</div>
<script src="phaser.min.js"></script>
<script src="src/index.min.js" type="module"></script>
<script>
const hiddenElements = document.getElementById("hidden-elements");
function fullscreen() {
document.body.requestFullscreen()
}
document.addEventListener('fullscreenchange', exitHandler, false);
document.addEventListener('mozfullscreenchange', exitHandler, false);
document.addEventListener('MSFullscreenChange', exitHandler, false);
document.addEventListener('webkitfullscreenchange', exitHandler, false);
function exitHandler()
{
if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement)
{
hiddenElements.style.display = "unset";
}
else {
hiddenElements.style.display = "none";
}
}
</script>
</body>
</html>