Skip to content
This repository was archived by the owner on Mar 2, 2025. It is now read-only.

Commit 295c855

Browse files
author
Dipankar
committed
Enhance HTML structure for better readability and add Plausible analytics script
1 parent a003b4a commit 295c855

File tree

2 files changed

+205
-61
lines changed

2 files changed

+205
-61
lines changed

‎dashboard.html

+148-48
Original file line numberDiff line numberDiff line change
@@ -1,56 +1,156 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Ubercodes - Personal Dashboard</title>
7-
<link rel="stylesheet" href="/styles/dashboard.css">
8-
<script src="https://www.gstatic.com/firebasejs/9.16.0/firebase-app.js"></script>
9-
<script src="https://www.gstatic.com/firebasejs/9.16.0/firebase-auth.js"></script>
10-
</head>
11-
<body>
12-
<div class="container">
13-
<div class="header">
14-
<div style="display: flex; justify-content: space-between; align-items: center;">
15-
<div>
16-
<h1>Welcome Back, <span id="userName">User</span>!</h1>
17-
<p>Track your GSOC 2025 preparation progress</p>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1.0"
8+
/>
9+
<title>Ubercodes - Personal Dashboard</title>
10+
<link
11+
rel="stylesheet"
12+
href="/styles/dashboard.css"
13+
/>
14+
<script
15+
defer
16+
data-domain="ubercoders.in"
17+
src="https://plausible.io/js/script.file-downloads.js"
18+
></script>
19+
<script>
20+
window.plausible =
21+
window.plausible ||
22+
function () {
23+
(window.plausible.q =
24+
window.plausible.q || []).push(
25+
arguments
26+
);
27+
};
28+
</script>
29+
30+
<script src="https://www.gstatic.com/firebasejs/9.16.0/firebase-app.js"></script>
31+
<script src="https://www.gstatic.com/firebasejs/9.16.0/firebase-auth.js"></script>
32+
</head>
33+
<body>
34+
<div class="container">
35+
<div class="header">
36+
<div
37+
style="
38+
display: flex;
39+
justify-content: space-between;
40+
align-items: center;
41+
"
42+
>
43+
<div>
44+
<h1>
45+
Welcome Back,
46+
<span id="userName">User</span>!
47+
</h1>
48+
<p>
49+
Track your GSOC 2025 preparation
50+
progress
51+
</p>
52+
</div>
53+
<button
54+
id="logout-button"
55+
style="
56+
padding: 10px 20px;
57+
border: none;
58+
border-radius: 5px;
59+
background: #ff4444;
60+
color: white;
61+
cursor: pointer;
62+
"
63+
>
64+
Logout
65+
</button>
1866
</div>
19-
<button id="logout-button" style="padding: 10px 20px; border: none; border-radius: 5px; background: #ff4444; color: white; cursor: pointer;">
20-
Logout
21-
</button>
2267
</div>
23-
</div>
24-
<div class="content">
25-
<div class="tabs">
26-
<button class="tab-button active" data-tab="dashboard">Dashboard</button>
27-
<button class="tab-button" data-tab="events">Events</button>
28-
<button class="tab-button" data-tab="tasks">Tasks</button>
29-
</div>
30-
<div id="dashboard" class="tab-content active">
31-
<h2>Dashboard</h2>
32-
<p>Problems Solved: <span id="problemsSolved">0</span></p>
33-
<p>GitHub Streak: <span id="githubStreak">0</span></p>
34-
<p>Projects Completed: <span id="projectsCompleted">0</span></p>
35-
<div class="progress-bar">
36-
<div id="gsocProgress" class="progress" style="width: 0%;"></div>
68+
<div class="content">
69+
<div class="tabs">
70+
<button
71+
class="tab-button active"
72+
data-tab="dashboard"
73+
>
74+
Dashboard
75+
</button>
76+
<button
77+
class="tab-button"
78+
data-tab="events"
79+
>
80+
Events
81+
</button>
82+
<button
83+
class="tab-button"
84+
data-tab="tasks"
85+
>
86+
Tasks
87+
</button>
88+
</div>
89+
<div
90+
id="dashboard"
91+
class="tab-content active"
92+
>
93+
<h2>Dashboard</h2>
94+
<p>
95+
Problems Solved:
96+
<span id="problemsSolved">0</span>
97+
</p>
98+
<p>
99+
GitHub Streak:
100+
<span id="githubStreak">0</span>
101+
</p>
102+
<p>
103+
Projects Completed:
104+
<span id="projectsCompleted">0</span>
105+
</p>
106+
<div class="progress-bar">
107+
<div
108+
id="gsocProgress"
109+
class="progress"
110+
style="width: 0%"
111+
></div>
112+
</div>
113+
<p>
114+
Progress:
115+
<span id="progressPercent">0</span>%
116+
</p>
117+
</div>
118+
<div id="events" class="tab-content">
119+
<h2>Events</h2>
120+
<div id="eventsList"></div>
121+
</div>
122+
<div id="tasks" class="tab-content">
123+
<h2>Tasks</h2>
124+
<ul>
125+
<li>
126+
<input
127+
type="checkbox"
128+
class="task-checkbox"
129+
/>
130+
Task 1
131+
</li>
132+
<li>
133+
<input
134+
type="checkbox"
135+
class="task-checkbox"
136+
/>
137+
Task 2
138+
</li>
139+
<li>
140+
<input
141+
type="checkbox"
142+
class="task-checkbox"
143+
/>
144+
Task 3
145+
</li>
146+
</ul>
37147
</div>
38-
<p>Progress: <span id="progressPercent">0</span>%</p>
39-
</div>
40-
<div id="events" class="tab-content">
41-
<h2>Events</h2>
42-
<div id="eventsList"></div>
43-
</div>
44-
<div id="tasks" class="tab-content">
45-
<h2>Tasks</h2>
46-
<ul>
47-
<li><input type="checkbox" class="task-checkbox"> Task 1</li>
48-
<li><input type="checkbox" class="task-checkbox"> Task 2</li>
49-
<li><input type="checkbox" class="task-checkbox"> Task 3</li>
50-
</ul>
51148
</div>
52149
</div>
53-
</div>
54-
<script type="module" src="script/dashboard.js" defer></script>
55-
</body>
150+
<script
151+
type="module"
152+
src="script/dashboard.js"
153+
defer
154+
></script>
155+
</body>
56156
</html>

‎index.html

+57-13
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,37 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1.0"
8+
/>
69
<!-- favicon -->
710
<link
811
rel="icon"
912
type="image/webp"
1013
href="/images/favicon.webp"
1114
/>
15+
<script
16+
defer
17+
data-domain="ubercoders.in"
18+
src="https://plausible.io/js/script.file-downloads.js"
19+
></script>
20+
<script>
21+
window.plausible =
22+
window.plausible ||
23+
function () {
24+
(window.plausible.q =
25+
window.plausible.q || []).push(
26+
arguments
27+
);
28+
};
29+
</script>
30+
1231
<title>UberCoders</title>
13-
<link rel="stylesheet" href="/styles/style.css" />
32+
<link
33+
rel="stylesheet"
34+
href="/styles/style.css"
35+
/>
1436
<script src="https://www.gstatic.com/firebasejs/9.16.0/firebase-app.js"></script>
1537
<script src="https://www.gstatic.com/firebasejs/9.16.0/firebase-auth.js"></script>
1638
</head>
@@ -20,7 +42,9 @@ <h1>Welcome to UberCoders</h1>
2042
<div id="signup-form">
2143
<form>
2244
<div class="form-group">
23-
<label for="signup-username">Username</label>
45+
<label for="signup-username"
46+
>Username</label
47+
>
2448
<input
2549
type="text"
2650
id="signup-username"
@@ -29,7 +53,9 @@ <h1>Welcome to UberCoders</h1>
2953
/>
3054
</div>
3155
<div class="form-group">
32-
<label for="signup-email">Email</label>
56+
<label for="signup-email"
57+
>Email</label
58+
>
3359
<input
3460
type="email"
3561
id="signup-email"
@@ -38,17 +64,23 @@ <h1>Welcome to UberCoders</h1>
3864
/>
3965
</div>
4066
<div class="form-group">
41-
<label for="signup-password">Password</label>
67+
<label for="signup-password"
68+
>Password</label
69+
>
4270
<input
4371
type="password"
4472
id="signup-password"
4573
placeholder="Enter your password"
4674
required
4775
/>
4876
</div>
49-
<button type="submit" class="button">Sign Up</button>
77+
<button type="submit" class="button">
78+
Sign Up
79+
</button>
5080
</form>
51-
<span class="toggle-link" onclick="toggleForm()"
81+
<span
82+
class="toggle-link"
83+
onclick="toggleForm()"
5284
>Already have an account? Log In</span
5385
>
5486
</div>
@@ -64,26 +96,34 @@ <h1>Welcome to UberCoders</h1>
6496
/>
6597
</div>
6698
<div class="form-group">
67-
<label for="login-password">Password</label>
99+
<label for="login-password"
100+
>Password</label
101+
>
68102
<input
69103
type="password"
70104
id="login-password"
71105
placeholder="Enter your password"
72106
required
73107
/>
74108
</div>
75-
<button type="submit" class="button">Log In</button>
109+
<button type="submit" class="button">
110+
Log In
111+
</button>
76112
</form>
77-
<span class="toggle-link" onclick="toggleForm()"
113+
<span
114+
class="toggle-link"
115+
onclick="toggleForm()"
78116
>Don't have an account? Sign Up</span
79117
>
80118
</div>
81119
</div>
82120

83121
<script>
84122
function toggleForm() {
85-
const signupForm = document.getElementById("signup-form");
86-
const loginForm = document.getElementById("login-form");
123+
const signupForm =
124+
document.getElementById("signup-form");
125+
const loginForm =
126+
document.getElementById("login-form");
87127

88128
if (signupForm.style.display === "none") {
89129
signupForm.style.display = "block";
@@ -94,6 +134,10 @@ <h1>Welcome to UberCoders</h1>
94134
}
95135
}
96136
</script>
97-
<script type="module" src="script/index.js" defer></script>
137+
<script
138+
type="module"
139+
src="script/index.js"
140+
defer
141+
></script>
98142
</body>
99143
</html>

0 commit comments

Comments
 (0)