forked from TEAM-RADJS/Dayyam-Labyrinth
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (62 loc) · 3.01 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
<!DOCTYPE html>
<html>
<head>
<title>Deyyam Labyrinth</title>
<link rel="stylesheet" href="css/style.css"/>
<link href="https://fonts.googleapis.com/css2?family=Grenze&family=Grenze+Gotisch:wght@200;300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<header>
<h1>Descent into the Deyyam Labyrinth</h1>
</header>
<body>
<section class="contentDisplay">
<div>
<h2>Your Harrowing Adventure Begins Here</h2>
<p>
The Deyyam Labyrinth utilizes HTML, JavaScript, and CSS
coding to fully immerse a participant in auditory, visual, and
action-based puzzle solving. There are a multitude of arrays and
complex loops to enhance the game-play experience with rapidly evolving obstacles at every turn.
Event listeners are enlisted for movement throughout an intricate layer of looping sound effects
via audio tag mingled with horrific imagery while animations are at play.
</p>
</div>
<div>
<h2>How to play the game?</h2>
<ul>
<p>Click 'Start Perilous Game' to Enter</p>
<p>Navigate using your keyboard with the 'W' 'A' 'S' 'D' Keys</p>
<p>Press 'Space Bar' to stay still while Monsters move a tile</p>
<p>Alternatively tap/click the tiles adjacent to your character to move</p>
<p>Tap/click on your own character to stay still and pass a movement round</p>
<p>Lockers are designated 'Safe'</p>
<p>Monsters cannot navigate through Locker Safe Tiles</p>
<p>Monsters move back to their spawn when the players turn is spent inside a Locker</p>
<p>Hint: Monsters prefer a 'Down' 'Right' 'Up' 'Left' motion sequence</p>
</ul>
</div>
</section>
<form id="submitForm">
<button id='teamStart'>About the team</button>
<button id='gameStart'>Start Perilous Game</button>
</form>
<div>
<a href="https://github.com/TEAM-RADJS/Dayyam-Labyrinth"> Source Code </a>
</div>
<footer>Manufactured by Team R.A.D.J.S.</footer>
</body>
<script type="text/javascript">
var goToGame = document.getElementById('gameStart');
var aboutTeam = document.getElementById('teamStart');
goToGame.addEventListener('click', function(e){
e.preventDefault();
window.location.replace('./game.html');
});
aboutTeam.addEventListener('click', function(e){
e.preventDefault();
window.location.replace('./about.html');
});
</script>
</html>