-
Notifications
You must be signed in to change notification settings - Fork 70
/
profile.html
133 lines (114 loc) · 5.09 KB
/
profile.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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Linking Assets -->
<link rel="shortcut icon" href="assets/images/timer.png" type="image/x-icon">
<link rel="stylesheet" href="assets/css/index.css">
<link rel="stylesheet" href="assets/css/profile.css">
<link rel="stylesheet" href="assets/css/practice.css">
<link rel="stylesheet" href="assets/css/dark.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<!-- Title -->
<title>Profile - Typing Master</title>
</head>
<body class="light-mode">
<!-- Navigation Bar -->
<nav>
<div class="navbar">
<!-- Website Brand/Logo -->
<div class="brand">
<a href="./index.html" class="brand-name">Typing Test</a>
</div>
<!-- Navigation Menu -->
<div class="navigation">
<ul class="main-menu">
<li class="nav-item"><a href="practice.html" class="nav-item-link"><i class="fas fa-keyboard"></i> Practice</a></li>
<li class="nav-item"><a href="about.html" class="nav-item-link"><i class="fas fa-info-circle"></i> About</a></li>
<li class="nav-item"><a href="profile.html" class="nav-item-link"><i class="fas fa-user"></i> Profile</a></li>
</ul>
</div>
<div class="nav-right">
<!-- Github Repo Link -->
<div class="github-icon">
<a href="https://github.com/arpitghura/typing-test" class="nav-item-link"><i class='bx bx-sm bxl-github'></i></a>
</div>
<!-- Dark mode button -->
<i id="icon1" onclick="toggleLightDarkMode()" class="bx bx-moon dark-btn" style="font-size: x-large;"></i>
</div>
<!-- Mobile Navigation Menu -->
<div class="mobile-nav">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</div>
</nav>
<!-- End of Navigation Bar -->
<!-- Profile Content -->
<section id="hero element2">
<!-- User Details -->
<div class="container">
<h1 class="heading">Profile Details</h1>
<h2 class="subtitle" id="userName"></h2>
<button class="reset-userName">Reset Username</button>
<p id="navigate-user-text"></p>
</div>
<!-- End of User Details -->
<div class="history">
<!-- Typing History Table-->
<h2 class="history-heading">History</h2>
<div class="history-table">
<table>
<thead>
<tr>
<th>Speed (wpm)</th>
<th>Time Taken (Minutes)</th>
<th>Difficulty Level</th>
</tr>
</thead>
<tbody id="historyTableBody">
</tbody>
</table>
</div>
<!-- End of Typing History Table -->
<!-- Horizontal Line -->
<div class="hr"></div>
<!-- Typing Average Table -->
<div class="history-avg">
<table>
<thead>
<tr>
<th>Average Speed (wpm)</th>
<th>Average Time Taken (Minutes)</th>
</tr>
</thead>
<tbody id="avgTableBody">
</tbody>
</table>
</div>
<!-- End of Typing Average Table -->
<!-- Reset Data Button -->
<button id="historyResetBtn">Reset Data</button>
</div>
</section>
<!-- End of Profile Content -->
<!-- Footer -->
<footer>
<!-- Copyright -->
<p>
Made with ♥ by Arpit Ghura. All Rights Reserved © <span id="copyright"></span>
</p>
</footer>
<!-- End of Footer -->
<!-- Scripts -->
<script>document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear()))</script>
<script src="assets/js/profile.js"></script>
<script src="assets/js/index.js"></script>
<script src="assets/js/dark.js"></script>
</body>
</html>