forked from rekhansh99/kanvas19Deploy
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
444 lines (415 loc) · 22 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Kanvas '20</title>
<!-- CDN -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css" />
<script src="https://www.gstatic.com/firebasejs/7.14.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.0/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.0/firebase-analytics.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.12.1/rellax.min.js" integrity="sha256-+xf9aJnHocnmrigq2hIDJGBSAnJdF5NH+Ooe5J2PHiI=" crossorigin="anonymous"></script>
<script type="text/javascript">
(function() {
var css = document.createElement("link");
css.href = "https://use.fontawesome.com/releases/v5.1.0/css/all.css";
css.rel = "stylesheet";
css.type = "text/css";
document.getElementsByTagName("head")[0].appendChild(css);
})();
</script>
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-151746717-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "UA-151746717-1");
</script>
<!-- Style -->
<link rel="stylesheet" href="./style.css" />
<link rel="icon" href="Kanvas '20.ico" />
</head>
<body>
<div class="slack animated zoomIn">
<a class="text-dec-none" href="https://kanvas20.slack.com/join/shared_invite/zt-dfyijily-UQgwE~qb8zgpVB8IPUokjQ" target="_blank">
<div class="flex-it">
<div><i class="fab i-slack fa-slack"></i></div>
<div class="center-v">
<span class="join-s">Join our slack</span>
</div>
</div>
</a>
</div>
<header class="indigo-head">
<div class="animated zoomIn disk-1 rellax" data-rellax-mobile-speed="2" data-rellax-desktop-speed="-8"></div>
<div class="title-con">
<h1 class="title animated fadeIn rellax delay-3s" data-rellax-speed="2">
KANVAS <span class="red">'20</span>
</h1>
<p class="sub-text animated fadeIn delay-1s">An event by gawds</p>
<p class="sub-text-2 animated fadeIn delay-2s">
Results are out!
</p>
<div class="social-icons animated fadeIn delay-4s">
<div>
<a href="https://github.com/gawdsnitkkr" target="_blank"><i class="fab fa-github-square"></i></a>
</div>
<div>
<a href="https://www.facebook.com/gawdsnitkkr/" target="_blank"><i
class="fab fa-facebook-square"></i></a>
</div>
<div>
<a href="https://www.instagram.com/_gawds/" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="disk-2"></div>
<div class="sub-content">
<div class="no-mobile lid"></div>
<div class="lid rellax" data-rellax-mobile-speed="5" data-rellax-desktop-speed="7">
<h1 class="title2">What is <span class="red">Kanvas</span>?</h1>
<p class="content-text">
Bored of sitting at home during quarantine? Tired of being cooped up and not being able to go out? We bring to you the perfect way to use this spare time productively. GAWDS presents to you, Kanvas'20, a platform for all you web and graphics geeks to
showcase your talents.<br /><br /> So let the gears in your brain churn and your creative juices flow freely, and come up with something that will blow our minds!
</p>
</div>
</div>
</div>
<div class="bg-lines">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line no-mobile"></div>
<div class="line no-mobile"></div>
<div class="line no-mobile"></div>
<div class="line no-mobile"></div>
<div class="line no-mobile"></div>
<nav class="nav-flex">
<div>
<a href="http://gawds.in" target="_blank"><img src="./gawds.png" class="gawds-logo" /></a>
</div>
<div class="f1">
<div class="white animated fadeInLeft delay-1s">gawds/kanvas</div>
<div id="sub-button" class="org-button animated zoomIn">+</div>
</div>
</nav>
</header>
<div class="disk-3 rellax" data-rellax-mobile-speed="-5" data-rellax-desktop-speed="2"></div>
<div>
<img src="./bottom.png" class="bottom-img" alt="bottom-curve" />
</div>
<main class="main">
<div class="disk-4 rellax" data-rellax-mobile-speed="-5" data-rellax-desktop-speed="2"></div>
<h1 id="events" class="contract-title rellax" data-rellax-speed="1">
Winners
</h1>
<div class="container ak">
<div class="flex">
<div class="con-1">
<div class="card center">
<div class="win-img">
<img class="win-i" src="https://i.ibb.co/19QpFhN/a.png" alt="winner1">
</div>
<h1 class="card-title m">Mangesh Upadhyay</h1>
<p class="card-content mt-m">
Web Dev. Winner
</p>
<center>
<a href="https://mangeshupadhyay23.github.io/covid_kanvas/" target="_blank"><div class="green-btn ft sd">
Visit work.
</div></a>
</center>
</div>
</div>
<div class="con-1">
<div class="card center">
<div class="win-img">
<img class="win-i" src="https://avatars3.githubusercontent.com/u/54206065?s=460&u=b3bb6dc574f413ba179dfdb173cc0edc586da2bc&v=4" alt="winner1">
</div>
<h1 class="card-title m">Mohammad Shahnawaz Alam</h1>
<p class="card-content mt-m">
Graphics Design Winner
</p>
<center>
<a href="./Kanvas-final.jpg" target="_blank"><div class="green-btn ft sd">
Visit work.
</div></a>
</center>
</div>
</div>
</div>
</div>
<h1 id="events" class="contract-title">
Special Mentions
</h1>
<div class="container ak">
<div class="flex">
<div class="con-1 big">
<div class="card fle center">
<div class="mentions">
<i class="fas ic fa-code"></i>
<p class="txt">Sushant</p>
<p class="card-content mt-m">
Web Dev.
</p>
<center>
<div class="green-btn ft sd">
<a href="https://sushant-afk.github.io/COVID-19-Dashboard/" target="_blank">Visit work.</a>
</div>
</center>
</div>
<div class="mentions">
<i class="fas ic fa-code"></i>
<p class="txt">Palak</p>
<p class="card-content mt-m">
Web Dev.
</p>
<center>
<div class="green-btn ft sd">
<a href="https://palak001.github.io/COVID-19-Dashboard/" target="_blank">Visit work.</a>
</div>
</center>
</div>
<div class="mentions">
<i class="fas ic fa-palette"></i>
<p class="txt">Gopikrishnan Satheesh</p>
<p class="card-content mt-m">
Graphic Design
</p>
<center>
<div class="green-btn ft sd">
<a href="https://drive.google.com/file/d/1JhNOP6EtYtr8YWJNbMmZi2ofVe9F0iN5/view" target="_blank">Visit work.</a>
</div>
</center>
</div>
</div>
</div>
</div>
</div>
<h1 id="events" class="contract-title">
Event Info.
</h1>
<div class="container2">
<div class="card">
1. Event starts from 15<sup>th</sup> April.🔥 Themes for the corresponding categories will also be disclosed on the same day.🤘<br /><br /> 2. Once you have decided your category,💡 join the slack channel.👨💻
<br /><br /> 3. If you have opted for Web Dev. make sure you share your Github repo link 🔗 right when you start working on it in the slack channel.<br />
<br /> 4. Once you are done, submit your entry here!👇<br />
<br /> 5. If you have opted for Web Dev. deploy your site on Github-Pages and provide the URL else a Google drive link containing all the graphic files.📁
<br /><br /> 6. Deadline - 22<sup>nd</sup> April, 11.59PM (IST).⏰⏰<br /><br /> 7. Thats all! Keep your fingers crossed and wait for the results.🤞🤑🤑
<br /><br /> 8. If you have any queries feel free to reach out to the coordinators or ping us on slack channel.📇 <br /><br />
<br />
<br /> Good Luck🙌
</div>
</div>
<h1 id="events" class="contract-title evt rellax" data-rellax-speed="1">
Events
</h1>
<div class="container">
<div class="flex">
<div class="con-1">
<div class="card">
<h1 class="card-title">Web Dev.</h1>
<p class="card-content">
"Intuitive Web Development is how we give users new superpowers." - Jared Spool<br /><br /> Put your thinking caps on, and create a website that is usable as well as aesthetically appealing. Participate in the Web Development
competition, and stand a chance to win exciting prizes!
</p>
<p class="green-btn ft sd wd">
More info.
</p>
</div>
</div>
<div class="con-1">
<div class="card">
<h1 class="card-title">Graphics Design.</h1>
<p class="card-content">
“Good design is all about making other designers feel like idiots because that idea wasn’t theirs.” - Frank Chimero<br /><br /> It's time for you to put your skills to test and create a visual masterpiece. Participate in the
Graphic Design competition, and stand a chance to win exciting prizes!
</p>
<div class="green-btn ft sd gd">
More info.
</div>
</div>
</div>
</div>
<div class="flex-1">
<div class="cont">
<div id="back1" onclick="back()" class="green-btn sd back">
← Back
</div>
<div class="card">
<h1 class="card-title">Web Dev.</h1>
<p class="blu">THEME : CREATE A DASHBOARD TO TRACK AND DISPLAY DATA ABOUT COVID-19</p>
<br>
<p class="blu">Rules and regulations:</p>
<p class="card-content mt-no">
1.The contest is open for both, students of NIT Kurukshetra and students of other colleges/universities.
<br /> 2.Please submit your entries within the given timeline.<br /> 3.The content of the submission should be clearly based on the given theme, otherwise points may be deducted.
<br /> 4.Plagiarism of any type will not be tolerated and will lead to immediate disqualification.
</p>
<br /><br />
<p class="blu">
Resources:
</p>
<p class="card-content mt-no">
You can use https://covid-19-apis.postman.com/ APIs for India and host the dashboard or any other suitable alternative to visualize the data on github pages.
</p>
<br />
<p class="blu">Prizes:</p>
<p class="card-content mt-no">1.INR 1.5K each for the winner.</p>
<p class="card-content mt-no">2.Winner dashboard will be featured as gawds.in/covid-19</p>
<p class="card-content mt-no">3.We at GAWDS will attempt to get contributions into the winning Web Development project to make it a full fledged dashboard.
</p>
<br />
<p class="blu">Coordinators</p>
<div class="con-flex">
<div>
<img class="user-icon" src="https://avatars2.githubusercontent.com/u/32770347?s=400&u=822cf931891aa35e7ba2b1b83aa5f5ebea9a9c1e&v=4" alt="war-turtle" />
</div>
<div>
<p class="con-t">Kartik Yadav</p>
<p class="con-t">+91 98962 47010</p>
</div>
</div>
<div class="con-flex">
<div>
<img class="user-icon" src="https://avatars0.githubusercontent.com/u/33419668?s=460&u=1b145a27955d29ddffe512b53b2d71e388cd16b5&v=4" alt="prathamzx" />
</div>
<div>
<p class="con-t">Pratham Agarwal</p>
<p class="con-t">+91 82951 97406</p>
</div>
</div>
<br>
<br>
<div class="con-flex">
<!-- <div id="sub-button" class="org-button sm animated zoomIn">Submit</div> -->
</div>
</div>
</div>
</div>
<div class="flex-2">
<div class="cont">
<div id="back2" onclick="back()" class="green-btn sd back">
← Back
</div>
<div class="card">
<h1 class="card-title">Graphic Design.</h1>
<p class="blu">THEME : ISOLATION</p>
<br>
<p class="blu">Rules and regulations:</p>
<p class="card-content mt-no">
1.The contest is open for both, students of NIT Kurukshetra and students of other colleges/universities.
<br> 2.Please submit your entries between 15th-22nd April.<br> 3.The content of the submission should be clearly based on the given theme, otherwise points may be deducted.<br> 4.Plagiarism of any type will not be tolerated
and will lead to immediate disqualification. <br> </p>
<br /><br />
<p class="blu">
Specifications:
</p>
<p class="card-content mt-no">
1.Submission format - JPEG<br> 2.Aspect ratio - 4:5<br> 3.Dot density - 300dpi<br> 4.The content should not be drawn by hand<br>
</p>
<br />
<p class="blu">Prizes:</p>
<p class="card-content mt-no">1.INR 1.5K each for the winner.</p>
<p class="card-content mt-no">2.The winning graphics design entry will be posted on social media pages of GAWDS.</p>
<br />
<p class="blu">Coordinators</p>
<div class="con-flex">
<div>
<img class="user-icon" src="https://avatars0.githubusercontent.com/u/54904272?s=460&u=a5c12ad78e2c38d25bd963e219d7d5c9b9ecc7cc&v=4" alt="sage" />
</div>
<div>
<p class="con-t">Abhimanyu</p>
<p class="con-t">+91 92057 47796</p>
</div>
</div>
<div class="con-flex">
<div>
<img class="user-icon" src="https://avatars2.githubusercontent.com/u/38047251?s=460&u=5df7ccef6f4b4d52292e5606f98ba094c9723475&v=4" alt="kaushkay" />
</div>
<div>
<p class="con-t">Kaushlendra Kumar Giri</p>
<p class="con-t">+91 97177 97387</p>
</div>
</div>
<div class="con-flex">
<!-- <div id="sub-button" class="org-button sm animated zoomIn">Submit</div> -->
</div>
</div>
</div>
</div>
<div class="flex-3">
<div class="cont">
<div onclick="back()" class="green-btn sd back">
← Back
</div>
<div class="card">
<form onsubmit="event.preventDefault(); handleSubmit();" class="form">
<h1 class="card-title">Submit your entry🔥</h1>
<div class="form-item">
<label for="name">Name</label> <br />
<input type="text" id="name" name="name" />
</div>
<div class="form-item">
<label for="email">E-Mail Address</label><br />
<input type="email" id="email" name="email" />
</div>
<div class="form-item">
<label for="slack">Slack ID</label><br />
<input type="text" id="slack" name="slack" />
</div>
<div class="form-item">
<label for="phone">Mobile Number</label><br />
<input type="text" id="phone" name="phone" />
</div>
<div class="form-item">
<label for="college">College</label><br />
<input type="text" id="college" name="college" />
</div>
<div class="form-item">
<label for="category">Category</label><br />
<select id="category" name="cat">
<option value="webdev">Web Development👨💻</option>
<option value="graphics">Graphic Design🎨</option>
</select>
</div>
<div class="form-item">
<label for="url">Entry Url</label><br />
<input id="url" type="text" name="url" />
</div>
<p class="card-content mt-no">
Deployed url if Web Dev or Google drive link containing the graphic files.
</p>
<div class="form-item">
<button class="green-btn sd" type="submit">Submit</button>
</div>
<p class="message"></p>
</form>
</div>
</div>
</div>
</div>
</main>
<div class="flex-it sponsor-div">
<a class="text-dec-none" href="mailto:naman.gupta.iiits@gmail.com" target="_blank">
<div class="flex-it sponsor-btn">
<div class="center-v">
<span class="">Sponsor Us!</span>
</div>
</div>
</a>
</div>
<footer class="footer">
<div class="center">
developed with ❤️ by <a class="f-link" href="http://gawds.in/">gawds</a>
</div>
</footer>
<script src="https://kit.fontawesome.com/e19e904283.js" crossorigin="anonymous"></script>
<!-- <script src="https://kit.fontawesome.com/e19e904283.js" crossorigin="anonymous"></script> -->
<script src="./script.js"></script>
</body>
</html>