forked from dhruvpopuri/ca-apogee-2021
-
Notifications
You must be signed in to change notification settings - Fork 0
/
leaderboard.html
485 lines (477 loc) · 25.4 KB
/
leaderboard.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
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/clusterize.css">
<script src="js/jquery.min.js" charset="utf-8"></script>
<script src="js/clusterize.js"></script>
<link rel="stylesheet" href="css/navbar.css">
<title>Leaderboard | APOGEE CA</title>
<style>
body {
margin: 0;
display: flex;
flex-direction: column;
height: 100vh;
position: relative;
font-family: Coves;
}
section {
height: calc(100% - 100px);
margin-top: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 1;
overflow: hidden;
}
ul.switch {
padding: 0;
position: relative;
width: 100%;
height: 100%;
top: 0;
margin: 0;
transition: 0.4s top cubic-bezier(0.075, 0.82, 0.165, 1);
}
.s1,.s2,.s3,.s4 {
text-align: center;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
li h1 {
margin-bottom: 40px !important;
}
table {
border-collapse: collapse;
}
th {
background: #f33562;
color: #fff;
margin: 0;
padding: 10px 10px;
min-width: 100px;
width: 33.33%;
}
td {
padding: 5px 10px;
min-width: 100px;
text-align: center;
}
tr:nth-of-type(2n+1) td {
background: rgba(50,50,50,0.5);
color: #fff;
}
.notice {
font-size: 1.2rem;
max-width: 500px;
}
.smallnotice {
font-size: 1rem;
max-width: 500px;
width: 100%;
}
ol.par {
font-size: 1.4rem;
overflow-y: scroll;
max-height: 50vh;
}
</style>
</head>
<body>
<header style="cursor: pointer">
<label style="flex-direction: column; justify-content: center; ">
<p style="margin: 0; display: flex; align-items: center"><span>APOGEE</span><span>23</span><span> | BITS Pilani</span></p>
<p style="margin: 0; font-size: 1.05rem; color: #777">
<!-- 22–25 February 2018 -->
</p>
</label>
<div id="menu">
<label onclick="switchp(1)">LEADERBOARD</label>
<label onclick="switchp(2)">INCENTIVES</label>
<label onclick="switchp(3)">RESPONSIBILITIES</label>
<label onclick="switchp(4)">POINTS SCHEME</label>
<label onclick="home()">HOME</label>
</div>
</header>
<div id="hamburger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
<ul class="mobile-menu hide">
<li onclick="switchp(1)">Leaderboard</li>
<li onclick="switchp(2)">Incentives</li>
<li onclick="switchp(3)">Responsibilities</li>
<li onclick="switchp(4)">Points Scheme</li>
<li onclick="home()">Home</li>
</ul>
<section class="lgn">
<ul class="switch">
<li class="s1">
<h1>Leaderboard</h1>
<div class="clusterize">
<div id="scrollArea" class="clusterize-scroll" style="max-height: 50vh">
<table>
<tbody id="contentArea">
<!-- <tr class="clusterize-no-data">
<td></td>
<td>Loading data...</td>
<td></td>
</tr> -->
<th></th>
</tbody>
</table>
</div>
</div>
<p class="notice"><b>The Leaderboard will be updated weekly based on the tasks performed by the Campus Ambassador over the week.</b></p>
</li>
<li class="s2">
<h1>Incentives</h1>
<div style="text-align:justify; width: 100%; max-width: 600px">
<ol class="par">
<li>
<p>Grand Prize</p>
<p>• Grand cash prize</p>
<p>• Assured internships </p>
<p>• Meet the speakers</p>
<p>• Free professional shows </p>
<p>• Letter of recommendation</p>
<p>• Travel, food and registration fee reimbursements</p>
<p>• Apogee goodies</p>
<p>• Certificate from APOGEE</p>
<p>• Free access to workshops</p>
</li>
<li><p>First prize</p>
<p>Based on the total points tally, the top 3 performers on the leaderboard will receive </p>
<p>• Assured internships </p>
<p>• Meet the speakers</p>
<p>• Letters of recommendation</p>
<p>• Free professional shows </p>
<p>• Travel, food and registration fee reimbursements</p>
<p>• Apogee goodies </p>
<p>• Certificate from APOGEE</p>
<p>• Free access to workshops </p>
</li>
<li><p>Second prize</p>
<p>Based on the total points tally, the 4-10 top rankers on the leaderboard will receive the following incentives</p>
<p>• Free professional shows </p>
<p>• Letters of recommendation</p>
<p>• Travel, food, prof shows and registration fee reimbursements</p>
<p>• Apogee goodies </p>
<p>• Certificate from APOGEE</p>
<p>• Free access to workshops </p>
</li>
<li>
<p>Third Prize</p>
<p>Based on the total points tally, the 10-25 top rankers on the leaderboard will receive the following incentives</p>
<p>• Letters of recommendation</p>
<p>• Apogee goodies </p>
<p>• Certificate from APOGEE</p>
<p>• Free access to workshops </p>
</li>
<li>
<p>Special incentive for organizing workshops</p>
<p>CA organizing workshops will get special cash incentives depending on the participation along with following incentives.</p>
<p>• Letters of recommendation</p>
<p>• Apogee goodies </p>
<p>• Certificate from APOGEE</p>
<p>• Free access to workshops held during Apogee</p>
</li>
<li>
<p>Internship for Ensuring Maximum Participantion</p>
<p>The Campus Ambassador whose referral code registers the maximum number of students participating in APOGEE will be guaranteed an internship irrespective of him standing in the leaderboard.
</p>
</li>
<li>
<p>Certificate of Excellence from APOGEE 2023</p>
<p>All Campus Ambassadors will receive a certificate of excellence from APOGEE 2023.</p>
<p>Please note that APOGEE 2023 reserves all rights of discretion in case of any discrepancy, ties or confusions. In case there are any changes in the above-mentioned details, all campus ambassadors will be well informed.</p>
</li>
<li>
<p>Some Other Incentives</p>
<p>AWS credits (or other software credits and all)</p>
<p>Coupons (online websites- coupondunia.com) – instead of cash incentives</p>
<p>Pitching this as an internship</p>
<p>Merchandise </p>
<p>Internships if possible</p>
<p>Workshops coupons</p>
<p>Certificates</p>
<p>N2O coupons</p>
<p>Other event coupons </p>
</li>
<li> <p>Reimbursements</p>
<p>Food Coupons: Free food coupons worth Rs. 800 at food stalls during APOGEE 2023.</p>
<p>Travel Reimbursements: Campus Ambassadors based on Leaderboard qualify for reimbursements worth Rs. 800.</p>
<p>Registration Fee Reimbursements Campus Ambassadors based on Leaderboard qualify for reimbursements worth Rs. 800.</p>
</li>
</ol>
</div>
<p class="smallnotice">*Reimbursements will be on a qualification basis. However, if one qualifies for more than one form of reimbursement, he/she can avail only one out of them, completely based on his/her discretion.</p>
</li>
<li class="s3">
<h1>Responsibilities</h1>
<div style="text-align:justify; width: 100%; max-width: 600px">
<ol class="par">
<li>
ENSURING MAXIMUM PARTICIPATION IN APOGEE 2023
<p>The primary task of every Campus Ambassador is to ensure maximum participation from their college. The efforts of the Campus Ambassador in this direction will be judged by a referral code system, with each Campus Ambassadors referral code being his/her name as mentioned during registration.</p>
<p>Points Allocation for Registration: 100 points per participant.Until APOGEE, this will be monitored on the basis of number of registrations on the website. However, after APOGEE, the points from this will be revised based on the number of students who attended APOGEE.</p>
<p>We strongly advise you to ensure that your referral code is advertised well, and everyone is requested to mention your name in the referred by field in the registration form, otherwise your efforts will not be translated into points on the leaderboard.</p>
</li>
<li>
SOCIAL MEDIA PUBLICITY
<ol>
<li>
FACEBOOK
<ol>
<li> <p>Sharing of all posts of APOGEE 2023 via your Facebook Account.</p>
<p>Points Allocation: Each post = 50 points</p>
<p>Each Share =20 points</p>
<p>Both these things will be monitored and updated weekly after viewing your timeline.</p>
</li>
<li>
<p>Sharing Facebook Stories about APOGEE 2023</p>
<p>Points Allocation: 1 story = 10 points</p>
<p>This will be monitored by your point of contact from BITS</p>
<p>Pilani after you send them a screenshot that mentions the story being updated at least 10 hours ago.</p>
</li>
</ol>
</li>
<li>
INSTAGRAM
<ol>
<li><p>Sharing Instagram Stories about APOGEE 2023</p>
<p>Points Allocation: 1 story = 50 points (see table at the end of the document for another metric for points)</p>
<p>This will be monitored by your point of contact from BITS Pilani after you send them a screenshot that mentions the story being updated at least 10 hours ago.</p></li>
</ol>
</li>
<li>
WHATSAPP
<ol>
<li>Sending messages to Whatsapp contacts about APOGEE 2023</li>
<li><p>Sharing WhatsApp Stories about APOGEE 2023 Points Allocation: 1 story = 30 points</p><p>(see table at the end of the document for another metric for points)</p></li>
</ol>
</li>
<li>
NOTE
<ul>
<li>This will be monitored by your point of contact from BITS Pilani after you send them a screenshot that mentions the story being updated at least 10 hours ago.</li>
</ul>
</li>
</ol>
</li>
<li>
PUTTING UP PHYSICAL POSTERS
<p>(Points allocation for this vertical will be on a college basis, this task does not in any way condemn the CA to disregard the social distancing norms being followed. If college of the CA opens, he/she may contact anyone from BITS Pilani for further perusal into the matter)</p>
<p>APOGEE will be sending the Campus Ambassadors posters via post to be put up physically in the campus of your college.</p>
<p>Points Allocation: 500 points </p>
<p>This will be verified via photos sent by the campus ambassador to their point of contact from BITS Pilani. Please note that only those posters that are sent by APOGEE for this purpose will be counted here.</p>
</li>
<li>
SENDING ROUTE MAILS
<p>APOGEE will be sending the Campus Ambassadors emails that have to be circulated throughout the college via a route mail system or mass mailing.</p>
<p>Points Allocation: 500 points per route email</p>
<p>This will be verified via screenshots sent by the campus ambassador to their point of contact from BITS Pilani. Please note that only those emails that are sent by APOGEE for this purpose will be counted here.</p>
</li>
<li>
ORGANIZING WORKSHOPS
<p>Any campus ambassador interested in organizing a workshop in their college can contact us regarding the same. APOGEE will help you in organizing the same, and you will be responsible for ensuring that all logistics are in place and maximum students attend the workshop.</p>
<p>Points for workshop or manifest: 4042 points </p>
<p>Organizing workshop has various incentives as mentioned in the next part of the document, in addition there are direct cash incentives for the organizing committee, depending on the turnout for the workshop.</p>
<p>The organizer of the workshop that has the maximum student attendance, couple with feedback from the Workshop Organizing Team selected by APOGEE, will be rewarded with a guaranteed internship with our partners.</p>
<!--<table>
<tbody>
<tr>
<th>EE/EC/EI</th>
<th>Mechanical/Civil</th>
<th>CS/IT</th>
</tr>
<tr>
<td>PLC</td>
<td>Autodesk autocad</td>
<td>Java</td>
</tr>
<tr>
<td>Scada</td>
<td>Catia</td>
<td>.NET</td>
</tr>
<tr>
<td>Ecad</td>
<td>Solidworks</td>
<td>PHP</td>
</tr>
<tr>
<td>Robotics</td>
<td>Ansys</td>
<td>Web Design</td>
</tr>
<tr>
<td>IOT</td>
<td>Creo</td>
<td>Big data</td>
</tr>
<tr>
<td>VLSI</td>
<td>Stadd Pro</td>
<td>Cloud Computing</td>
</tr>
<tr>
<td>Matlab</td>
<td>3ds max</td>
<td>Amazon web services</td>
</tr>
<tr>
<td></td>
<td>Revit</td>
<td>Blockchain</td>
</tr>
<tr>
<td></td>
<td>3D printer</td>
<td>IOT</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Python</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Machine learning</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Android</td>
</tr>
<tr>
<td></td>
<td></td>
<td>iOS</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Sas</td>
</tr>
<tr>
<td></td>
<td></td>
<td>SAP</td>
</tr>
</tbody>
</table>--->
</li>
<li>
ORGANIZING APOGEE INFORMATIVE SESSIONS
<p>Campus Ambassadors will have to organize an APOGEE Informative Session in their college. The information to be given will be sent across by the APOGEE team, and the attendees must include all the heads of clubs and technical societies in the college.</p>
<p>Points Allocation: 200 per session (minimum 40 attendance)</p>
<p>This will be monitored via pictures of the session as sent to the point of contact from BITS Pilani, along with a presence of an APOGEE team member at the session. The details of the same will be conveyed in due time.</p>
</li>
</ol>
</div>
</li>
<li class="s4">/con
<h1>Points Scheme</h1>
<div style="text-align:justify; width: 100%; max-width: 600px">
<ol class="par">
<li>Registration = <b>100</b> points per participant per event</li>
<li>
Participation = <b>400</b> points per participant per event </li>
<li>
Social Media Posts Publicity
<ul style="list-style-type: none; padding-left: 20px">
<li>
<div style="display: flex; align-items: center; height: 100px">
<img src="img/fb.png" alt="Facebook" width="50" height="50">
<ul style="list-style-type: none; padding-left: 20px">
<li>Sharing Posts = <b>50</b> points per post</li>
<li>Sharing Posts = <b>20</b> points per share</li>
<li>Sharing Stories = <b>40</b> points per story shared</li>
</ul>
</div>
</li>
<li>
<div style="display: flex; align-items: center; height: 70px">
<img src="img/instagram.png" alt="Instagram" width="50" height="50">
<ul style="list-style-type: none; padding-left: 20px">
<li>Sharing Stories = <b>50</b> points per story</li>
<li>Story Views = <b>5</b> points per 20 views</li>
</ul>
</div>
</li>
<li>
<div style="display: flex; align-items: center; height: 70px">
<img src="img/whatsapp.jpg" alt="WhatsApp" width="50" height="50">
<ul style="list-style-type: none; padding-left: 20px">
<li>Sharing Story = <b>50</b> points per story</li>
<li>Sharing Posts in Groups = <b>20</b> points per group(more than 75 participants)</li>
</ul>
</div>
</li>
</ul>
</li>
<li>One Routemail = <b>500</b> points</li>
<li>Workshop/Minifest = <b>2023</b> points (minimum 40 participants)</li>
<li>Informative Sessions = <b>200</b> per session (minimum 40 participants)</li>
<li>CA Referrals = <b>800</b> per person referred to the CA programme(Must be from different college than yours)</li>
</ol>
</div>
</li>
</ul>
</section>
<script>
let burger = document.querySelector("#hamburger");
let menu = document.querySelector(".mobile-menu");
burger.addEventListener("click", function () {
menu.classList.toggle("navActive");
burger.classList.toggle("open");
});
document.querySelectorAll(".mobile-menu li").forEach(i=>{
i.addEventListener("click", function () {
menu.classList.toggle("navActive");
burger.classList.toggle("open");
});
})
var baseUrl = 'https://bits-apogee.org/2023/collegeambassador';
function home() {
window.location.href = "index.html";
}
function switchp(num) {
document.querySelector(".lgn ul").style.top = "-" + (num-1)*100 + "%";
}
function redirect(loc) {
window.location.href = loc;
}
function clearCredentials() {
localStorage.removeItem('caUsername');
localStorage.removeItem('caPassword');
}
$(document).ready(function() {
fetch(baseUrl + '/leaderboard')
.then(res => res.json())
.then(response => {
console.log(response);
const { data } = response;
const innerHTML = data.map(({name, college, score}) =>
`<tr><td>${name}</td><td>${college}</td><td>${score}</td></tr>`);
var clusterize = new Clusterize({
rows: ["<tr><th>Name</th><th>College</th><th>Points</th></tr>", ...innerHTML],
scrollId: "scrollArea",
contentId: "contentArea"
});
}).catch(console.log);
});
</script>
</body>
</html>