-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (57 loc) · 2.32 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./CSS/styles.css" />
<title>Escape Game</title>
</head>
<body>
<div class="pageView">
<div id="gameContainer">
<!-- top row -->
<div class="navBtnsContainer" id="navBtnsContainer"></div>
<div class="room" id="RoomContainer">
<div class="startingScene">
<p>
"Oww.... My head is killing me. And where am I?" You realize that
you're in a room, but it's not a room you've ever seen before. You
are a spy who was assigned to gather intel on the infamous
criminal Giorgio Lamparella. He specializes in art crimes, but
he's willing to make a deal for anything if the price is right.
You notice a note in front of you. It says, "Shame shame... I'm
not a violent man. I really prefer to enjoy art and share it, and
you want to go and ruin that. Now you know too much, and your time
has come to an unfortunate end. Nevertheless, I like to give
everyone a second chance... Find your way out of this house in the
next 30 minutes, and your life is yours... Should you not, well...
Let's say there is a bomb with your name on it in this building...
Yours truly, con amore Signor G
</p>
<button
data-role="startingSceneNextButton"
class="startingSceneNextButton"
>
Next
</button>
</div>
</div>
<div class="inventory">
<h2 class="inventoryTitle">Inventory</h2>
<div class="inventoryItemsContainer"></div>
</div>
<div class="messagesArea">
<h2 class="messagesHeader">Messages</h2>
<div class="messageContainer" data-role="messageFeedbackContainer">
<p class="messageContent"></p>
</div>
</div>
<div class="timerContainer" style="text-align: center">
<h2>Timer</h2>
<p class="timerDisplay" data-role="timerDisplay"></p>
</div>
</div>
</div>
<script src="./JS/app.js" type="module"></script>
</body>
</html>