-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhighscore.html
executable file
·107 lines (105 loc) · 3.37 KB
/
highscore.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
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.7" />
<!-- icons -->
<script
src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.29.1/feather.min.js"
integrity="sha512-4lykFR6C2W55I60sYddEGjieC2fU79R7GUtaqr3DzmNbo0vSaO1MfUjMoTFYYuedjfEix6uV9jVTtRCSBU/Xiw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.css"
integrity="sha512-tx5+1LWHez1QiaXlAyDwzdBTfDjX07GMapQoFTS74wkcPMsI3So0KYmFe6EHZjI8+eSG0ljBlAQc3PQ5BTaZtQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<!-- style -->
<link rel="stylesheet" href="styles/highscore.css" />
<title>Typing Panda</title>
</head>
<body>
<div class="container">
<div class="sidebar">
<div class="logo-col">
<p>TypingPanda</p>
<img src="icons/panda.png" />
</div>
<a href="index.html" class="col">
<i class="fa-solid fa-keyboard"></i>
<p>Practice</p>
</a>
<a href="profile.html" class="col">
<i class="fa-solid fa-chart-simple"></i>
<p>Profile</p>
</a>
<a href="highscore.html" class="col">
<i class="fa-solid fa-trophy"></i>
<p>Highscore</p>
</a>
<a href="https://github.com/sachu0dev/Typing_Panda" class="col">
<i class="fa-regular fa-circle-question"></i>
<p>Info</p>
</a>
</div>
<div class="main">
<h1>World Ranking</h1>
<div class="ranking-container">
<h1>Highscore:</h1>
<div class="user-ranks">
<div class="fixed-header">
<span>#</span>
<span>Users</span>
<span>Speed</span>
</div>
</div>
</div>
<!-- sidebar -->
<!-- footer -->
<div class="footer">
<div class="left-footer">
<a
href="https://mail.google.com/mail/?view=cm&fs=1&[email protected]&su=Hire me.&body=Hey'&[email protected]"
class="contact"
target="_blank"
>
<i class="fa-solid fa-envelope"></i> Contact
</a>
<a
href="https://github.com/sachu0dev"
target="_blank"
class="gitHub"
><i class="fa-brands fa-github"></i> Github</a
>
<a
href="https://twitter.com/sachu0dev"
target="_blank"
class="GitHub"
>
<i class="fa-brands fa-square-x-twitter"></i> Twitter
</a>
<a
href="https://github.com/sachu0dev/Typing_Panda"
class="source-code"
target="_blank"
>
<i class="fa-solid fa-code"></i> Source Code
</a>
</div>
<div class="right-footer">
<a href="" class="sachu">
<i class="fa-solid fa-award"></i> Sushil.dev
</a>
</div>
</div>
<!-- warning -->
</div>
</div>
<!-- scripts -->
<script src="scripts/highscore.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
</body>
</html>