-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathLanB2.html
101 lines (67 loc) · 3.87 KB
/
LanB2.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
93
94
95
96
97
98
99
100
<! DOCTYPE html >
<html >
<head >
<link rel ="stylesheet" href ="page.css ">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
</head >
<body class="animate__animated animate__fadeIn">
<div class="grid-container">
<div class="nothingleft"></div>
<div class="header">Tactical Grace</div>
<div class="menu">
<div class="tooltip"><button onclick="display('off')" class="glow" >1st Officer</button><span class="tooltiptext">Aliens? did HAL just say Aliens?</span></div>
<div class="tooltip"><button onclick="display('nav')" class="glow" >Navigation</button><span class="tooltiptext">Cancelling the jump</span></div>
<div class="tooltip"><button onclick="display('sci')" class="glow" >Science</button><span class="tooltiptext">We have to investigate</span></div>
<div class="tooltip"><button onclick="display('weps')" class="glow" >Weapons</button><span class="tooltiptext">Deflectors could be used as weapons if needed</span></div>
</div>
<div class="screen">
<img src="./img/LanB.jpg" /><br>
<div id="off" style="display:none">Commander<br>We should help "Green"<br> Based on comms they are under attack <br>and need our help<br><br><button onclick="location.href='final/green.html'" class="glow">Green</button> </div>
<div id="nav" style="display:none">Commander<br>We should help "Blue"<br> Based on comms they are under attack<br>and need our help<br><br><button onclick="location.href='final/blue.html'" class="glow">Blue</button> </div>
<div id="sci" style="display:none">Commander<br>This is monumental<br>We need to get this info back to earth asap<br><br><button onclick="location.href='final/earth.html'" class="glow">Earth</button> </div>
<div id="weps" style="display:none">Commander<br>I suggest we wait<br>Maybe we can make first contact<br><br><button onclick="location.href='final/wait.html'" class="glow">Wait</button> </div>
</div>
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<div class="modal-header">
<h1>HAL 9000</h1>
<h2>Alien Protocols Engaged</h2>
</div>
<div class="modal-body animate__animated animate__zoomIn">
<br>
<p>Commander I have detected 2 ships of unknown configuration at the far side of the system</p>
<p>One large vessel - Identified as "Green", one smaller vessel - Identified as "Blue"</p>
<p>Commander I am detecting high energy particle weapons fire between them</p>
<p>.....................................................................</p>
<br>
<p>Commander I am picking up long range communication from both ships directed at us </p>
<p>Attempting to translate</p>
<p>.....................................................................</p>
<br>
<p>"Green" - Help Help Help ********Attack*******Miners*******Help Help Help</p>
<p>"Blue" - Help *****Needed*******Miners*******Killers</p>
<p>Sorry Commander that's the best I can do, We are still having an issue with comm's</p>
<p>.....................................................................</p>
<br>
<p>I suggest consulting all 4 of your officers before making a decision on what we do now</p>
</div>
</div>
</div>
<div class="right">
<div class="tooltip2"><button id="myBtn" class="glow" >Sensor</button><span class="tooltiptext">Press to Deploy long range sensor</span></div>
<audio id="myAudio">
<source src="./sound/silence.mp3" type="audio/mpeg">
</audio>
<div class="tooltip2"><button onclick=" " class="glow" >Jump</button><span class="tooltiptext">FTL suspended Alien Protocol</span></div>
</div>
<div class="footer"><br></div>
<div class="footer1">Earth's first faster than light Starship<img src="img/Dawn treader.jpg" /></div>
<div class="nothingright"></div>
</div>
<script> var openmodal = true </script>
<script src ="page.js" ></script>
</body >
</html >