-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
217 lines (200 loc) · 17.2 KB
/
index.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>30 Days of Google Cloud | Leader board</title>
<!-- Manifest.json -->
<meta property="og:title" content="30 Days of Google Cloud | Leader board">
<meta property="og:description"
content="30 Days of Google Cloud program will provide you an opportunity to kickstart your career in cloud and get hands-on practice on Google Cloud - the tool that powers apps like Google Search, Gmail and YouTube.">
<meta property="og:image" content="./leaderBoardSite/media/logo.png">
<meta property="og:url" content="https://events.withgoogle.com/30daysofgooglecloud/#content">
<!-- Main Link Tags -->
<link href="./leaderBoardSite/media/logo.png" rel="icon" type="image/png" sizes="16x16">
<link href="./leaderBoardSite/media/logo.png" rel="icon" type="image/png" sizes="32x32">
<!-- style and font -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto&Montserrat&family=Raleway&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="./leaderBoardSite/styles/main.min.css">
</head>
<body>
<!-- nav bar -->
<nav>
<div class="burger" onclick="menuOpen()">
<span></span>
<span></span>
<span></span>
</div>
<header>
<div class="logo">
<a href="https://events.withgoogle.com/googlecloudready-facilitator-program/#content" target="_blank">
<svg width="50" height="40" viewBox="0 0 50 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path
d="M33.0593 11.0328L37.3802 6.71185L37.6682 4.89243C29.7942 -2.26738 17.2775 -1.45553 10.1793 6.58641C8.20781 8.82 6.74509 11.6047 5.96509 14.4802L7.51266 14.2621L16.1544 12.8369L16.8216 12.1548C20.6657 7.93301 27.1653 7.36505 31.6037 10.9571L33.0593 11.0328Z"
fill="#EA4335" />
<path
d="M43.5356 14.353C42.5425 10.6955 40.5033 7.40754 37.6682 4.89243L31.6037 10.9569C32.8676 11.9896 33.8805 13.2959 34.566 14.7771C35.2515 16.2583 35.5916 17.8759 35.5608 19.5078V20.5843C38.5414 20.5843 40.9583 23.0008 40.9583 25.9816C40.9583 28.9625 38.5416 31.3184 35.5608 31.3184H24.7509L23.6896 32.4707V38.9445L24.7509 39.9602H35.5606C43.314 40.0206 49.6486 33.8449 49.709 26.0915C49.727 23.7776 49.1728 21.4952 48.0958 19.4473C47.0188 17.3994 45.4522 15.6494 43.5356 14.353Z"
fill="#4285F4" />
<path
d="M13.956 39.9604H24.7507V31.3185H13.956C13.1918 31.3183 12.4367 31.1529 11.7426 30.8334L10.2111 31.3033L5.85986 35.6243L5.48083 37.095C7.92103 38.9375 10.8983 39.9736 13.956 39.9604Z"
fill="#34A853" />
<path
d="M13.9559 11.9272C6.20255 11.9736 -0.0454096 18.2967 0.000804039 26.0503C0.013551 28.1869 0.513812 30.2924 1.46347 32.2064C2.41313 34.1204 3.78714 35.7924 5.4808 37.0949L11.7426 30.8336C9.02605 29.606 7.81867 26.4091 9.04605 23.6926C10.2732 20.9761 13.4705 19.7687 16.1868 20.9959C17.3839 21.5367 18.3426 22.4955 18.8833 23.6926L25.1451 17.4309C23.8308 15.7127 22.1369 14.3218 20.1959 13.367C18.2548 12.4123 16.1191 11.9195 13.9559 11.9272Z"
fill="#FBBC05" />
</g>
<defs>
<clipPath id="clip0">
<rect width="49.71" height="40" fill="white" />
</clipPath>
</defs>
</svg>
</a>
</div>
<div class="site-name">
<a href="https://events.withgoogle.com/googlecloudready-facilitator-program/#content" target="_blank">
30 Days of <b>Google</b> cloud
</a>
</div>
</header>
<ul class="nav-links">
<a href="https://events.withgoogle.com/30daysofgooglecloud/#content" target="_blank">
<li>home</li>
</a>
<a href="#searchNames">
<li onclick="menuOpen()" class="selected">Leaderboard</li>
</a>
<a href="#footer">
<li onclick="menuOpen()">about</li>
</a>
</ul>
</nav>
<div class="info">
<h1><b>30 Days of Google Cloud Program</b> Leaderboard Update’s here !!!</h1>
<br>
<div class="colorScheme">
<div>Tracks completed by color :</div>
<div class="milestones">
<div class="milestone green">Both tracks: <b><span id="bothTrackCompletion">00</span></b> Students</div>
<div class="milestone blue">Anyone track: <b><span id="singleTrackCompletion">00</span></b> Students
</div>
<div class="milestone black">None</div>
</div>
</div>
<div id="timeUpdate">Last Updated : 01-03-2021</div>
</div>
<br>
<div class="search">
<input type="text" id="searchNames" placeholder="Search your name" autofocus>
</div>
<table id="leaderboard">
<tr class="row">
<th class="cell">#rank</th>
<th class="cell">name</th>
<th class="cell">Track 1</th>
<th class="cell">Track 2</th>
</tr>
<tr class="row shadowLoad">
<td class="cell ">
<div class="shadowCell"></div>
</td>
<td class="cell ">
<div class="shadowCell"></div>
</td>
<th class="cell ">
<div class="shadowCell"></div>
</th>
<th class="cell">
<div class="shadowCell"></div>
</th>
</tr>
<tr class="row shadowLoad">
<td class="cell ">
<div class="shadowCell"></div>
</td>
<td class="cell ">
<div class="shadowCell"></div>
</td>
<th class="cell ">
<div class="shadowCell"></div>
</th>
<th class="cell">
<div class="shadowCell"></div>
</th>
</tr>
<tr class="row shadowLoad">
<td class="cell ">
<div class="shadowCell"></div>
</td>
<td class="cell ">
<div class="shadowCell"></div>
</td>
<th class="cell ">
<div class="shadowCell"></div>
</th>
<th class="cell">
<div class="shadowCell"></div>
</th>
</tr>
<tr class="row shadowLoad">
<td class="cell ">
<div class="shadowCell"></div>
</td>
<td class="cell ">
<div class="shadowCell"></div>
</td>
<th class="cell ">
<div class="shadowCell"></div>
</th>
<th class="cell">
<div class="shadowCell"></div>
</th>
</tr>
</table>
<footer id="footer">
<div class="credit">Contributed by : <a href="https://jhamadhav.com" target="_blank">Madhav Jha</a></div>
<div class="site-name">30 Days of <b>Google</b> cloud </div>
<div class="detail">The 30 Days of Google Cloud program provides you an opportunity to kickstart your
career in cloud and get hands on practice on Google Cloud - the tool that powers apps like Google Search,
Gmail and YouTube.</div>
<div class="extra">
<div class="copyright">Copyright 2021 © All rights reserved</div>
<div class="socials">
<a href="https://discord.gg/ed8GSHu3" target="_blank">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M15.82 6.13245L14.8438 6.24995C14.8438 6.24995 10.4637 6.7287 7.265 9.29745H7.2275L7.1875 9.33495C6.47 9.99495 6.1575 10.8062 5.66375 11.9924C5.08173 13.4196 4.58625 14.8806 4.18 16.3674C3.2525 19.7212 2.5 23.7837 2.5 27.4999V27.8124L2.65625 28.1249C3.81375 30.1562 5.86875 31.4499 7.77375 32.3437C9.6775 33.2374 11.3237 33.7112 12.4613 33.7499L13.2037 33.7887L13.5938 33.1249L14.9613 30.7024C16.4113 31.0299 18.0813 31.2499 20 31.2499C21.9188 31.2499 23.5888 31.0299 25.0387 30.7024L26.4062 33.1249L26.7975 33.7887L27.5387 33.7499C28.6763 33.7112 30.3225 33.2374 32.2262 32.3437C34.1313 31.4499 36.1862 30.1562 37.3438 28.1249L37.5 27.8124V27.4999C37.5 23.7837 36.7475 19.7212 35.82 16.3674C35.4138 14.8806 34.9183 13.4196 34.3363 11.9924C33.8425 10.8049 33.53 9.99495 32.8125 9.3362L32.7738 9.2962H32.7337C29.5375 6.7287 25.1562 6.24995 25.1562 6.24995L24.18 6.13245L23.8275 7.0312C23.8275 7.0312 23.4662 7.9437 23.2425 8.98495C22.1679 8.83668 21.0848 8.75818 20 8.74995C19.3312 8.74995 18.175 8.7937 16.7575 8.98495C16.5325 7.9437 16.1713 7.0312 16.1713 7.0312L15.82 6.13245ZM14.1012 8.98495C14.155 9.15995 14.2087 9.3112 14.2575 9.4537C12.6413 9.8537 10.9175 10.4637 9.33625 11.4449L10.6637 13.5549C13.9062 11.5424 18.5637 11.2499 20 11.2499C21.435 11.2499 26.0938 11.5424 29.3363 13.5549L30.6637 11.4449C29.0825 10.4637 27.3587 9.8537 25.7425 9.45245C25.7913 9.3112 25.845 9.15995 25.8988 8.9837C27.065 9.2187 29.2925 9.7562 31.1325 11.2112C31.1225 11.2162 31.6012 11.9387 32.0312 12.9687C32.4713 14.0287 32.9587 15.4399 33.3988 17.0312C34.2437 20.0824 34.9075 23.7987 34.9613 27.0699C34.1737 28.2712 32.715 29.3549 31.1712 30.0787C30.2031 30.5362 29.1789 30.864 28.125 31.0537L27.5 29.9999C27.8713 29.8624 28.2375 29.7124 28.555 29.5699C30.4788 28.7249 31.5238 27.8124 31.5238 27.8124L29.8825 25.9374C29.8825 25.9374 29.18 26.5824 27.5387 27.3049C25.9 28.0274 23.3937 28.7499 20 28.7499C16.6062 28.7499 14.1012 28.0274 12.4613 27.3049C10.82 26.5824 10.1175 25.9374 10.1175 25.9374L8.47625 27.8124C8.47625 27.8124 9.52125 28.7249 11.445 29.5699C11.7625 29.7124 12.1287 29.8637 12.5 29.9999L11.875 31.0549C10.8206 30.8646 9.79592 30.5359 8.8275 30.0774C7.285 29.3549 5.825 28.2712 5.04 27.0699C5.0925 23.7987 5.75625 20.0824 6.6025 17.0312C6.97644 15.651 7.43267 14.2944 7.96875 12.9687C8.39875 11.9387 8.8775 11.2162 8.8675 11.2112C10.7075 9.7562 12.935 9.2187 14.1012 8.98495ZM15.625 17.4999C14.6587 17.4999 13.8038 18.0512 13.2812 18.7499C12.7587 19.4487 12.5 20.3074 12.5 21.2499C12.5 22.1924 12.7587 23.0512 13.2812 23.7499C13.8038 24.4487 14.6587 24.9999 15.625 24.9999C16.5913 24.9999 17.4462 24.4487 17.9688 23.7499C18.4913 23.0512 18.75 22.1924 18.75 21.2499C18.75 20.3074 18.4913 19.4487 17.9688 18.7499C17.4462 18.0512 16.5913 17.4999 15.625 17.4999ZM24.375 17.4999C23.4088 17.4999 22.5537 18.0512 22.0312 18.7499C21.5088 19.4487 21.25 20.3074 21.25 21.2499C21.25 22.1924 21.5088 23.0512 22.0312 23.7499C22.5537 24.4487 23.4088 24.9999 24.375 24.9999C25.3412 24.9999 26.1963 24.4487 26.7188 23.7499C27.2412 23.0512 27.5 22.1924 27.5 21.2499C27.5 20.3074 27.2412 19.4487 26.7188 18.7499C26.1963 18.0512 25.3412 17.4999 24.375 17.4999ZM15.625 19.9999C15.6938 19.9999 15.7812 20.0249 15.9375 20.2349C16.0938 20.4437 16.25 20.8099 16.25 21.2499C16.25 21.6899 16.0938 22.0562 15.9375 22.2662C15.7812 22.4749 15.6938 22.4999 15.625 22.4999C15.5562 22.4999 15.4688 22.4749 15.3125 22.2649C15.1058 21.9671 14.9966 21.6125 15 21.2499C15 20.8099 15.1562 20.4437 15.3125 20.2337C15.4688 20.0249 15.5562 19.9999 15.625 19.9999ZM24.375 19.9999C24.4438 19.9999 24.5312 20.0249 24.6875 20.2349C24.8438 20.4437 25 20.8099 25 21.2499C25 21.6899 24.8438 22.0562 24.6875 22.2662C24.5312 22.4749 24.4438 22.4999 24.375 22.4999C24.3062 22.4999 24.2188 22.4749 24.0625 22.2649C23.8558 21.9671 23.7466 21.6125 23.75 21.2499C23.75 20.8099 23.9062 20.4437 24.0625 20.2337C24.2188 20.0249 24.3062 19.9999 24.375 19.9999Z"
fill="white" />
</svg>
</a>
<a href="https://www.instagram.com/dsc.rcoem/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" height="50" width="50"
viewBox="-100.7682 -167.947 873.3244 1007.682" style="margin-bottom: -5px;">
<g fill="#fff">
<path
d="M335.895 0c-91.224 0-102.663.387-138.49 2.021-35.752 1.631-60.169 7.31-81.535 15.612-22.088 8.584-40.82 20.07-59.493 38.743-18.674 18.673-30.16 37.407-38.743 59.495C9.33 137.236 3.653 161.653 2.02 197.405.386 233.232 0 244.671 0 335.895c0 91.222.386 102.661 2.02 138.488 1.633 35.752 7.31 60.169 15.614 81.534 8.584 22.088 20.07 40.82 38.743 59.495 18.674 18.673 37.405 30.159 59.493 38.743 21.366 8.302 45.783 13.98 81.535 15.612 35.827 1.634 47.266 2.021 138.49 2.021 91.222 0 102.661-.387 138.488-2.021 35.752-1.631 60.169-7.31 81.534-15.612 22.088-8.584 40.82-20.07 59.495-38.743 18.673-18.675 30.159-37.407 38.743-59.495 8.302-21.365 13.981-45.782 15.612-81.534 1.634-35.827 2.021-47.266 2.021-138.488 0-91.224-.387-102.663-2.021-138.49-1.631-35.752-7.31-60.169-15.612-81.534-8.584-22.088-20.07-40.822-38.743-59.495-18.675-18.673-37.407-30.159-59.495-38.743-21.365-8.302-45.782-13.981-81.534-15.612C438.556.387 427.117 0 335.895 0zm0 60.521c89.686 0 100.31.343 135.729 1.959 32.75 1.493 50.535 6.965 62.37 11.565 15.68 6.094 26.869 13.372 38.622 25.126 11.755 11.754 19.033 22.944 25.127 38.622 4.6 11.836 10.072 29.622 11.565 62.371 1.616 35.419 1.959 46.043 1.959 135.73 0 89.687-.343 100.311-1.959 135.73-1.493 32.75-6.965 50.535-11.565 62.37-6.094 15.68-13.372 26.869-25.127 38.622-11.753 11.755-22.943 19.033-38.621 25.127-11.836 4.6-29.622 10.072-62.371 11.565-35.413 1.616-46.036 1.959-135.73 1.959-89.694 0-100.315-.343-135.73-1.96-32.75-1.492-50.535-6.964-62.37-11.564-15.68-6.094-26.869-13.372-38.622-25.127-11.754-11.753-19.033-22.943-25.127-38.621-4.6-11.836-10.071-29.622-11.565-62.371-1.616-35.419-1.959-46.043-1.959-135.73 0-89.687.343-100.311 1.959-135.73 1.494-32.75 6.965-50.535 11.565-62.37 6.094-15.68 13.373-26.869 25.126-38.622 11.754-11.755 22.944-19.033 38.622-25.127 11.836-4.6 29.622-10.072 62.371-11.565 35.419-1.616 46.043-1.959 135.73-1.959" />
<path
d="M335.895 447.859c-61.838 0-111.966-50.128-111.966-111.964 0-61.838 50.128-111.966 111.966-111.966 61.836 0 111.964 50.128 111.964 111.966 0 61.836-50.128 111.964-111.964 111.964zm0-284.451c-95.263 0-172.487 77.224-172.487 172.487 0 95.261 77.224 172.485 172.487 172.485 95.261 0 172.485-77.224 172.485-172.485 0-95.263-77.224-172.487-172.485-172.487m219.608-6.815c0 22.262-18.047 40.307-40.308 40.307-22.26 0-40.307-18.045-40.307-40.307 0-22.261 18.047-40.308 40.307-40.308 22.261 0 40.308 18.047 40.308 40.308" />
</g>
</svg>
</a>
<a href="https://www.linkedin.com/in/rcoem-google-dsc-92248b220/" target="_blank">
<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.66669 4.72996C1.66669 3.91752 1.98943 3.13835 2.56392 2.56386C3.1384 1.98937 3.91757 1.66663 4.73002 1.66663H35.2667C35.6693 1.66597 36.0681 1.74473 36.4403 1.89841C36.8124 2.05208 37.1506 2.27765 37.4354 2.56219C37.7203 2.84673 37.9462 3.18467 38.1003 3.55665C38.2544 3.92862 38.3336 4.32734 38.3334 4.72996V35.2666C38.3338 35.6693 38.2548 36.0682 38.101 36.4403C37.9471 36.8125 37.7214 37.1506 37.4367 37.4355C37.152 37.7203 36.814 37.9462 36.4419 38.1003C36.0699 38.2543 35.6711 38.3335 35.2684 38.3333H4.73002C4.3276 38.3333 3.92912 38.254 3.55735 38.1C3.18558 37.9459 2.84781 37.7201 2.56333 37.4355C2.27885 37.1508 2.05324 36.8129 1.89939 36.4411C1.74554 36.0692 1.66647 35.6707 1.66669 35.2683V4.72996ZM16.18 15.6466H21.145V18.14C21.8617 16.7066 23.695 15.4166 26.45 15.4166C31.7317 15.4166 32.9834 18.2716 32.9834 23.51V33.2133H27.6384V24.7033C27.6384 21.72 26.9217 20.0366 25.1017 20.0366C22.5767 20.0366 21.5267 21.8516 21.5267 24.7033V33.2133H16.18V15.6466ZM7.01335 32.985H12.36V15.4166H7.01335V32.9833V32.985ZM13.125 9.68663C13.1351 10.1444 13.0536 10.5996 12.8854 11.0255C12.7172 11.4514 12.4656 11.8394 12.1454 12.1667C11.8252 12.494 11.4429 12.7541 11.0208 12.9316C10.5987 13.1092 10.1454 13.2007 9.68752 13.2007C9.22962 13.2007 8.77634 13.1092 8.35426 12.9316C7.93219 12.7541 7.54983 12.494 7.22963 12.1667C6.90944 11.8394 6.65784 11.4514 6.48962 11.0255C6.3214 10.5996 6.23994 10.1444 6.25002 9.68663C6.26981 8.78805 6.64066 7.93295 7.28316 7.30444C7.92566 6.67593 8.78873 6.32399 9.68752 6.32399C10.5863 6.32399 11.4494 6.67593 12.0919 7.30444C12.7344 7.93295 13.1052 8.78805 13.125 9.68663Z"
fill="white" />
</svg>
</a>
</div>
</div>
</footer>
<!-- scripts -->
<script src="./leaderBoardSite/leaderBoard.js"></script>
<script src="./leaderBoardSite/scripts/navBar.js"></script>
<script src="./leaderBoardSite/scripts/main.js"></script>
<script src="./leaderBoardSite/scripts/search.js"></script>
</body>
</html>