-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
41 lines (39 loc) · 2.33 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Gradie's Grueling Grind</title>
<!-- Bootstrap CDN CSS file-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"/>
<link href="https://fonts.googleapis.com/css?family=Arbutus" rel="stylesheet">
<link href="css/style.css" type="text/css" rel="stylesheet">
<!-- Bootstrap CDN JS Scripts-->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="js/app.js"></script>
</head>
<body class="container-fluid">
<h1>Gradie's Grueling Grind</h1>
<p class="lead">Those damn adventurers! They've chased you, a defenseless Kobold, deep into this cave system and away from the rest of your tribe. Now you have to figure your way home though you feel hopelessly lost. Explore the cave and try to get back home, but careful! It feels like something is watching you...</p>
<div class="player-bar" id="game-info">
<p>Player Health: <span id="health">100</span></p>
<p>Time: <span id="time">00:00:00</span></p>
</div>
<div id="gradie-window"></div>
<button id="reset" class="btn">Reset Game</button>
<div class="instructions">
<p>
<span class="bold">Movement: </span><code>WASD</code>
</p>
<p>
<span class="bold">Attack: </span><code>Space Bar</code>
</p>
<p>
<span class="bold">NOTE: </span><code>Gradie's sword is to heavy to walk and swing! So you'll have to stop to attack the enemies!</code>
</p>
</div>
</body>
</html>