-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathclass.html
89 lines (84 loc) · 3.17 KB
/
class.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
<!DOCTYPE html>
<html>
<head>
<title>Learn</title>
<!-- Electrolize google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Electrolize&display=swap"
rel="stylesheet"
/>
<!-- Electrolize google fonts -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
crossorigin="anonymous"
/>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/class.css" />
</head>
<body class="cockpit">
<div id="loading-screen" class="initial-page" onclick="hideInitialPage()">
<h1 id="title">SOLAR QUEST</h1>
<h1 id="loading-message">Loading...</h1>
<div id="loading-spinner" class="spinner-border" role="status"></div>
<svg
id="loading-check"
style="display: none"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
class="bi bi-check"
viewBox="0 0 16 16"
>
<path
d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"
/>
</svg>
<p id="continueMessage">Press anywhere to continue</p>
</div>
<video autoplay loop muted plays-inline class="bg-vid">
<source src="images/bg/study-vid.webm" , type="video/webm" />
</video>
<audio id="mouseoverSound" src="./images/audio/mouseover.opus"></audio>
<audio id="clickSound" src="./images/audio/click.opus"></audio>
<audio id="keyboardSound" src="./images/audio/keyboard.opus"></audio>
<div class="cockpit-terminal">
<div>
<div id="class-terminal" class="terminal">
<iframe id="main-scr" class="main-screen" src="orbit.html"></iframe>
<div id="terminal-side" class="terminal-side">
<div id="class-buttons" class="terminal-buttons">
<div id="class-buttonsrow">
<button type="button" class="btn btn-primary" id="prevButton">
PREVIOUS
</button>
<button id="liftoff-button" onclick="orbit()">LIFT OFF</button>
</div>
<div id="class-buttonsrow">
<button type="button" class="btn btn-primary" id="nextButton">
NEXT
</button>
<button id="logout-button" onclick="logout()">LOG OUT</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--
<div class="planet">
<div class="moon"></div>
</div>
-->
<script src="js/usersavedata.js"></script>
<script src="js/main.js"></script>
<script src="js/class.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"
></script>
</body>
</html>