forked from TeamAlodia/m1-group-project
/
index.html
74 lines (74 loc) · 2.51 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
<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css"
href="https://fonts.googleapis.com/css?family=VT323">
<script src="js/jquery-3.1.0.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/level_lib.js"></script>
<script src="js/media.js"></script>
<script src="js/scripts.js"></script>
<title>Shadowlight</title>
</head>
<body>
<audio src="media/bgm.mp3" autoplay loop></audio>
<div class="container">
<div class="row">
<div class="col-sm-6">
<div id="main_con" class="container">
</div>
</div>
<div class="col-sm-6">
<div class = "lit" id="HUD_con">
</div>
<div class = "lit" id="HUD_sanity">
</div>
<br>
<div class = "lit" id="HUD_flashlight">
</div>
<br>
<span class = "lit" id="items"></span>
<br>
<br>
<p class = "lit" id="log"></p>
</div>
</div>
<div id="help" class="lit">
<p>How to play Shadowlight:</p>
<div class="row">
<div class="col-sm-6">
<ul class="list-unstyled">
<li>Q: Move Northwest</li>
<li>W: Move North</li>
<li>E: Move Northeast</li>
<li>A: Move West</li>
<li>D: Move East</li>
<li>Z: Move Southwest</li>
<li>X: Move South</li>
<li>C: Move Southeast</li>
<li>S: Toggle flashlight</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="list-unstyled">
<li>@: This is You.</li>
<li>S: These are Shadows.</li>
<li>^: Ladder up to the next level.</li>
<li>v: Ladder down to the previous level.</li>
<li>b: Battery for your flashlight. </li>
<li>k: A key for a locked door.</li>
<li>A-K: Special items that restore your Sanity.</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<p>The darkness will drain your Sanity. So will Shadows if they get close enough. Putting your flashlight on the high setting will restore your Sanity but will also drain your flashlight more quickly.</p>
</div>
</div>
</div>
</div>
</body>
</html>