-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
48 lines (44 loc) · 1.96 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Save the Dragon</title>
<link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great|Josefin+Slab" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<div id="msg-board">
<div>
<h1>Save the dragon<br>or die a painful death!</h1>
<p class="welcome">Welcome! You are in the hallway at the north entrance to the castle. There is no way back.<br> The Evil King has imprisoned the mighty dragon with the help of the Dark Wizard. Your mission is to defeat the King and break the spell that holds the dragon prisoner.
</p>
<p class="t-center"><em>Good Luck!</em></p>
<p class="label t-center m-bottom-small">Your current strength: <span id="strength"></span></p>
<p class="label t-center">Your current hunger level: <span id="hunger"></span></p>
<p class="t-center">Type <em>help</em> for a list of available commands</p>
<div id ="help">
<ul>
<li><em>-h</em> -- hide help section</li>
<li><em>n(orth), s(outh), e(ast), w(est)</em> -- move in direction</li>
<li><em>p</em> -- pick up item</li>
<li><em>i</em> -- show inventory</li>
<li><em>f</em> -- fight</li>
<li><em>u</em> -- use spell</li>
<!--<li>k -- use key</li>-->
</ul>
</div>
</div>
</div>
<div id="placeholder">
</div>
<form onsubmit="return false;" accept-charset="utf-8">
<input type="text" name="" value="" placeholder="What do you want to do?" id="user-input">
</form>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="js/application.js" type="text/javascript" charset="utf-8" defer></script>
</body>
</html>