-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (52 loc) · 2.76 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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" /> <link rel="stylesheet" href="style.css">
</head>
<body>
<section class="starterContent">
<div id="creditsModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal()">×</span>
<p>Hey, I am the man who wrote the code that travels in the forms of bits to your computer after travelling many of miles and runs in your computer, Keeping that in mind, it is your responsibility to give it a like and you can do so by smiling :).</p>
</div>
</div>
<div id="optionsModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal()">×</span>
<p>Just dont hit the walls and try to reach the orange box</p>
</div>
</div>
<div id="allthethings">
<div class="options" id="left"></div>
<div class="options startGame" id="single"><p class="startGame">PLAY</p></div>
<div onclick="modalToggle();" class="options" id="options" data-toggle="modalClose" data-target="#optionsModal"><p>OPTIONS</p></div>
<div onclick="modalToggle();" class="options" id="credits" data-toggle="modalClose" data-target="#creditsModal"><p>CREDITS</p></div>
<div class="options" id="right"></div>
</div>
</section>
<div class="audio-tag" style="display: none;">
<i id="audio-icon" class="fas fa-volume-up"></i>
</div>
<script>
function modalToggle(e){
var target = window.event.target.parentElement
var modal = target.getAttribute("data-target");
document.querySelector(modal).style.display = 'block';
target.setAttribute("data-toggle", "modalOpen")
}
function closeModal(e){
var target = window.event.target.parentElement.parentElement
target.style.display = 'none';
}
</script>
<audio src="theme.mp3"></audio>
<script src='https://cdnjs.cloudflare.com/ajax/libs/three.js/105/three.min.js'></script>
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/2666677/OrbitControls.js'></script>
<script src="script.js"></script>
</body>
</html>