forked from kareemdjames/carmensandiego
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (92 loc) · 3.01 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Game Page</title>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/main.css">
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<script src="https://use.fontawesome.com/fbb93b5129.js"></script>
</head>
<body>
<div class="head"></div>
<div class="body-wrap">
<!-- Phone HTML -->
<div class="phone-wrap">
<div id="p-scrn"></div>
<div class="p-sd">
<div id="sd-one"><i class="fa fa-plane" aria-hidden="true"></i><span class="sd-r">Travel</span></div>
<div id="sd-two" data-hint=""><i class="fa fa-shield" aria-hidden="true"></i><span class="sd-r">Crime-Net</span></div>
<div id="sd-three"><i class="fa fa-desktop" aria-hidden="true"></i><span class="sd-r">Warrant</span></div>
</div>
<div class="p-btns">
<div class="p-row">
<div class="btn">1</div>
<div class="btn">2</div>
<div class="btn">3</div>
</div>
<div class="p-row">
<div class="btn">4</div>
<div class="btn">5</div>
<div class="btn">6</div>
</div>
<div class="p-row">
<div class="btn">7</div>
<div class="btn">8</div>
<div class="btn">9</div>
</div>
<div class="p-row">
<div class="btn">*</div>
<div class="btn">0</div>
<div class="btn">#</div>
</div>
</div>
</div>
<!-- Main Game Area -->
<div class="main-game-area-wrap">
<div class="mga-display-wrap">
<div id="mga-travel-display">
<div class="trav" id="trav1"></div>
<div class="trav" id="trav2"></div>
<div class="trav" id="trav3"></div>
</div>
<div id="mga-display"></div>
</div>
<div class="mga-info-wrap">
<div id="mga-info"></div>
<div class="mga-optns">
<div id="optns-btns">
<button id="evi-btn">Evidence</button>
<button id="dos-btn">Dossier</button>
<button id="opt-btn">Options</button>
<button id="trans-btn">Transmit</button>
<button id="canc-btn">Cancel</button>
</div>
<div id="optns-scrn"></div>
</div>
</div>
</div>
<!-- Game State -->
<div class="game-state">
<div id="gs-loc">
<!-- <img src="./media/imgs/owldt.jpg" alt="Owl Detective">
--> </div>
<div id="gs-timer">
<h2>*** Case File ***</h2>
<br>
<ul>
<li>Dt. <span id='player'></span></li>
<li>Rank: <span id='rank'></span></li>
<li>Location: <span id='location'></span></li>
<li>Stolen: <span id='stolen'></span></li>
<li>Time Remaining: <span id='time-remaining'></span></li>
</ul>
</div>
</div>
</div>
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="./js/main.js"></script>
</body>
</html>