/
finish.html
39 lines (36 loc) · 1.93 KB
/
finish.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
<!DOCTYPE html>
<html>
<head>
<title>Your Score</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Fredoka+One" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="shortcut icon" href="/favicon/favicon.ico">
</head>
<body>
<br>
<h1 id="score"></h1>
<table class="report">
<tr>
<td><i id="trophy-icon" style="font-size:6em;color:white;margin:0 5vh 0 5vh;" class="fas fa-trophy"></i></td>
<td><i style="font-size:6em;color:white;margin:0 5vh 0 5vh;" class="fas fa-bullseye"></i></td>
<td><i style="font-size:6em;color:white;margin:0 5vh 0 5vh;" class="far fa-clock"></i></td>
<td><i style="font-size:6em;color:white;margin:0 5vh 0 5vh;" class="fas fa-user-clock"></i></td>
</tr>
<tr>
<td><h1 id="rank" style="font-size:2em;">Rank</h1></td>
<td><h1 id="accuracy" style="font-size:2em;">Accuracy</h1></td>
<td><h1 id="totalTime" style="font-size:2em;">Total Time</h1></td>
<td><h1 id="avgTime" style="font-size:2em;">Average Time</h1></td>
</tr>
</table>
<br><h1 id="coins" style="font-size:2em;">You received 0 coins!</h1><br><br>
<button disabled onclick="submitScore();" id="submit-score" class="button" style="opacity:1;">Submit score</button><br><br>
<button onclick="window.location.href = 'main.html'" id="submit" class="button" style="opacity:1;position:fixed;bottom:5%;right:37.5%;">Go back</button>
<script src="score.js"></script>
</body>
</html>