-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
74 lines (63 loc) · 2.93 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
<!-- HTML -->
<!-- DONE: Build out the initial state of the HTML to have a large splash;
maybe a div with attribute background-image:url('assets/imgfile'); and
then stack form elements on top for start game and possibly settings for
audio volume or anything: for start game think <input type='submit'> maybe-->
<!DOCTYPE html>
<html>
<head>
<title>Deyyam Labyrinth</title>
<link rel="stylesheet" href="css/style.css"/>
</head>
<header>
<h1>Descent into the Deyyam Labyrinth</h1>
</header>
<body>
<div>
<link href="https://fonts.googleapis.com/css2?family=Grenze&family=Grenze+Gotisch:wght@200;300&display=swap"
rel="stylesheet">
<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>
<link href="https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap" rel="stylesheet">
<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>Lockers are designated 'Safe'</p>
<p>Monsters cannot navigate through Locker Safe Tiles</p>
<p>Monsters veer away when the players turn is spent inside a Locker</p>
<p>Hint: Monsters prefer a 'Down' 'Right' 'Up' 'Left' motion sequence</p>
</ul>
</div>
<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>