-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
420 lines (397 loc) · 19 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="description" content="Official website for #iNTUition2018, NTU's only 24 Hour student-run hackathon! Calling all Hackers and Makers!">
<meta name="author" content="Kunal Mishra">
<link rel="icon" href="app/icon.png">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Muli:300,400" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link rel="stylesheet" href="app/css/main.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/10.17.0/lazyload.min.js"></script>
<title>iNTUition 2018</title>
</head>
<body>
<nav class="nav navbar navbar-expand-lg navbar-light fixed-top">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggle" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarToggle">
<a class="navbar-brand" href="#"><img src="app/images/L.png" /></a>
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
</ul>
<form class="form-inline my-2 my-lg-0">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Photos">Photos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq">FAQs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#gettinghere">Getting Here</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#schedule">Schedule</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#prizes">Prizes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#sponsors">Sponsors</a>
</li>
</ul>
</form>
</div>
</nav>
<div class="jumbotron text-center vertical-center">
<h1 class="main-title animated fadeIn">
<img src="app/images/lightbulb.svg" />
I<span class="white-outline"><a href="http://www.ntu.edu.sg" target="_blank">NTU</a></span>ITION<span class="white-outline">5.0</span></h1><br>
<h5 class="sub-title animated fadeIn slow delay-3s">Calling all hackers and makers!</h5>
<h5 class="sub-sub-title animated fadeIn slower delay-4s">13-14<sup>th</sup> October 2018 @ NTU, Singapore.</h5>
<h5 class="sub-sub-title animated fadeIn slower delay-4s">The event is now over! <br>Check out the winning submissions below.</h5>
<a class="btn btn-outline-primary btn-lg animated fadeIn slower delay-5s" href="https://intuitionv5.devpost.com/submissions" target="_blank">DevPost Submissions</a>
</div>
<script>
// Set the date we're counting down to
var countDownDate = new Date("October 13, 2018 11:00:00").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("demo sub-sub-title").innerHTML = "<span class='bordered'>" + days + "D</span> " + "<span class='bordered'>" + hours + "H</span> " +
"<span class='bordered'>" + minutes + "M</span> " + "<span class='bordered'>" + seconds + "S</span> ";
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "Hackathon Begins!";
}
}, 1000);
</script>
<div class="col-12 slideshow" id="Photos">
<h1 style="padding-bottom: 10px">Photos of iNTUition 5.0</h1>
<img class="imgs" src="app/images/1.jpg" width=50% height=10%>
<img class="imgs" src="app/images/2.jpg" width=50% height=10%>
<img class="imgs" src="app/images/3.jpeg" width=50% height=10%>
<img class="imgs" src="app/images/4.jpeg" width=50% height=10%>
<img class="imgs" src="app/images/5.jpg" width=50% height=10%>
<img class="imgs" src="app/images/6.jpg" width=50% height=10%>
<img class="imgs" src="app/images/7.jpeg" width=50% height=10%>
<img class="imgs" src="app/images/8.jpeg" width=50% height=10%>
<img class="imgs" src="app/images/9.jpeg" width=50% height=10%>
<img class="imgs" src="app/images/10.jpeg" width=50% height=10%>
<img class="imgs" src="app/images/11.jpg" width=50% height=10%>
<img class="imgs" src="app/images/12.jpg" width=50% height=10%>
<div>
<button class="w3-button w3-display-left" onclick="plusDivs(-1)">❮</button>
<button class="w3-button w3-display-right" onclick="plusDivs(+1)">❯</button>
<button class="w3-button demo" onclick="currentDiv(1)">1</button>
<button class="w3-button demo" onclick="currentDiv(2)">2</button>
<button class="w3-button demo" onclick="currentDiv(3)">3</button>
<button class="w3-button demo" onclick="currentDiv(4)">4</button>
<button class="w3-button demo" onclick="currentDiv(5)">5</button>
<button class="w3-button demo" onclick="currentDiv(6)">6</button>
<button class="w3-button demo" onclick="currentDiv(7)">7</button>
<button class="w3-button demo" onclick="currentDiv(8)">8</button>
<button class="w3-button demo" onclick="currentDiv(9)">9</button>
<button class="w3-button demo" onclick="currentDiv(10)">10</button>
<button class="w3-button demo" onclick="currentDiv(11)">11</button>
<button class="w3-button demo" onclick="currentDiv(12)">12</button>
</div>
</div>
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function currentDiv(n) {
showDivs(slideIndex = n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("imgs");
var dots = document.getElementsByClassName("demo");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" w3-white", "");
}
x[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " w3-white";
}
</script>
<div class="container">
<div class="col-12 faq" id="faq">
<h1>Frequently Asked Questions</h1>
<div class="row lazy">
<div class="col-md-10 module col-xs-10 col-lg-4">
<i class="fas fa-award fa-4x fa-stack"></i>
<h5>What is iNTUiton?</h5>
<li>iNTUition is NTU's only student-run 24 hour hackathon, jointly organised by NTU Open Source Society and IEEE NTU Student Branch. </li>
<li>This edition is the 5th since its conception on 2014.</li>
</div>
<div class="col-md-10 module col-xs-10 col-lg-4">
<i class="fas fa-people-carry fa-4x fa-stack"></i>
<h5>Who can participate?</h5>
<li>Students of all levels in any educational institution in Singapore & South-East Asia can sign up for iNTUition. </li>
<li>If you are passionate about learning new technologies, building awesome projects and meeting like-minded hackers, we want you here!</li>
</div>
<div class="col-md-10 module col-xs-10 col-lg-4">
<i class="fas fa-money-check fa-4x fa-stack"></i>
<h5>Does this cost money?</h5>
<li>Nope! Admission is free. Just register online and show up at the venue on 13<sup>th</sup> October! </li>
<li>We'll provide food, caffeine, Wi-Fi and a place for you to hack for the entire duration of the event.</li>
</div>
<div class="col-md-10 module col-xs-10 col-lg-4">
<i class="fas fa-code-branch fa-4x fa-stack"></i>
<h5>Don't know how to code?</h5>
<li>No worries! Hackathons are the perfect environment to learn and apply something new in a short period of time! </li>
<li>You will be surrounded by hundreds of passionate people who can help you build something you can be proud of by the end of the weekend. Graphic Designers are welcome too!</li>
</div>
<div class="col-md-10 module col-xs-10 col-lg-4">
<i class="fas fa-building fa-4x fa-stack"></i>
<h5>What do I build?</h5>
<li>Build something new and crazy that you are passionate about; iNTUition has no theme! </li>
<li>Note that you cannot recycle old projects or start developing your hack beforehand, however, you may use parts of projects you've built before. </li>
</div>
<div class="col-md-10 module col-xs-10 col-lg-4">
<i class="fas fa-tv fa-4x fa-stack"></i>
<h5>What is a Hackathon?</h5>
<li>A hackathon is an event where newbies and seasoned veterans alike spend the weekend building meaningful and/or crazy projects.</li>
<li>The term "hack" is used to describe how multiple technologies can be used together in a new & innovative way. Sleeping is optional, but trying to make awesome things is not.</li>
</div>
<div class="col-md-10 module col-xs-10 col-lg-4">
<i class="fas fa-users fa-4x fa-stack"></i>
<h5>How do teams work?</h5>
<li>A team can have between 2 and 4 members. You can sign up as a team or start/join one on the spot. Note that at least one team member must be present throughout the competition. </li>
<li>Flying solo is also an option, although hackathons are more fun when you work together!</li>
</div>
<div class="col-md-10 module col-xs-10 col-lg-4">
<i class="fas fa-gavel fa-4x fa-stack"></i>
<h5>How does judging work?</h5>
<li>Hacks will be ranked on technical difficulty, creativity, polish & general impressiveness. </li>
<li>After the 24 hour development period, a panel of judges will choose the teams through Devpost submissions to present their hacks to everyone. </li>
</div>
<div class="col-md-10 module col-xs-10 col-lg-4">
<i class="fas fa-shopping-bag fa-4x fa-stack"></i>
<h5>What should I bring?</h5>
<li>Bring your Matriculation Card/Student ID for admission and your laptop/hardware for hacking. We’ll provide snacks and meals throughout the event.</li>
<li>We also recommend bringing the following items- jacket, pillow, sleeping bag, toothbrush & deodorant.</li>
</div>
</div>
</div>
<div class="col-12 gettinghere" id="gettinghere">
<h1>Getting Here</h1>
<div class="row justify-content-center">
<div class="col-md-10">
<div class="row">
<div class="col-md-12 col-lg-6 col-xs-10">
<h4>Directions:</h4>
<p>Take the East-West line to Boon Lay MRT Station. Take one of the two buses:</p>
<ul>
<li>179/179A from Blk 662A to Lee Wee Nam Bus Stop in NTU (13 stops)</li>
<li>199 from Boon Lay Interchange to Lee Wee Nam Bus Stop in NTU(13 stops)</li>
</ul>
<p>Get off at Lee Wee Nam Library's stop, and turn left and start walking up the pathway to the grey coloured building to the left: that's the Arc!</p>
</div>
<div class="col-md-12 col-lg-6 col-xs-12">
<div class="mapouter">
<div class="gmap_canvas"><iframe width="500" height="300" id="gmap_canvas" src="https://maps.google.com/maps?q=The%20Arc%20ntu&t=&z=15&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 schedule" id="schedule">
<h1> Event Schedule</h1>
<div class="row justify-content-center">
<div class="col-lg-10 col-md-12 col-xs-10">
<div class="row">
<div class="col-md-12 col-lg-6 col-xs-10">
<div class="table-responsive">
<table class="table">
<tr>
<th colspan="3">Day 1 (13<sup>th</sup> October)</th>
</tr>
<tr>
<td>1200</td>
<td>1230</td>
<td>Registration</td>
</tr>
<tr>
<td>1230</td>
<td>1300</td>
<td>Opening Presentation</td>
</tr>
<tr>
<td colspan="2">1300</td>
<td>Hacking Begins!</td>
</tr>
<tr>
<td>1800</td>
<td>1900</td>
<td>Dinner</td>
</tr>
<tr>
<td>2300</td>
<td>2400</td>
<td>Supper</td>
</tr>
</table>
</div>
</div>
<div class="col-md-12 col-lg-6">
<div class="table-responsive">
<table class="table">
<tr>
<th colspan="3">Day 2 (14 <sup>th</sup> October)</th>
</tr>
<tr>
<td>0600</td>
<td>0700</td>
<td>Breakfast</td>
</tr>
<tr>
<td colspan="2">1300</td>
<td>Hacking Ends!</td>
</tr>
<tr>
<td>1300</td>
<td>1430</td>
<td>Lunch + Initial Judging (DevPost)</td>
</tr>
<tr>
<td>1430</td>
<td>1600</td>
<td>Presentations by Selected Teams</td>
</tr>
<tr>
<td>1600</td>
<td>1630</td>
<td>Prize Presentation</td>
</tr>
</table>
</div>
</div>
</div>
<p>Note, this may be subject to revisions! Participants will be notified of any changes.</p>
</div>
</div>
</div>
</div>
<div class="pre-sponsors">
<div class="col-12 association">
<h1>Organising Committees</h1>
<div class="row justify-content-center">
<div class="col-lg-5 col-md-12 col-xs-10">
<img src="app/images/ieee.png" / style="height:180px;">
</div>
<div class="col-lg-5 col-md-12 col-xs-10">
<img src="app/images/oss.png" />
</div>
</div>
</div>
<div class="col-12 prizes" id="prizes">
<h1>Prizes</h1>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-10 col-xs-10">
<h3>1<sup>st</sup> Place</h3>
<p>Sony PlayStation 4, <br>FIFA 19 Edition</p>
</div>
<div class="col-lg-4 col-md-10 col-xs-10">
<h3>2<sup>nd</sup> Place</h3>
<p>27 Inch Monitors</p>
</div>
<div class="col-lg-4 col-md-10 col-xs-10">
<h3>3<sup>rd</sup> Place</h3>
<p>Amazefit Pace Smartwatches</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-10 col-xs-10">
<h3>Best Financial Hack</h3>
<p>Beats Solo 3 <br>Wireless Headphones</p>
</div>
<div class="col-lg-4 col-md-10 col-xs-10">
<h3>Best Freshman Hack</h3>
<p>Razer Abyssus Elite Mice</p>
</div>
<div class="col-lg-4 col-md-10 col-xs-10">
<h3>Most Socially Useful or Environmental Friendly Hack</h3>
<p>Beats Solo 3 <br>Wireless Headphones</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-10 col-xs-10">
<h3>Best Hardware Hack</h3>
<p>Raspberry Pi Zero W <br>Complete Starter Kit</p>
</div>
<div class="col-lg-4 col-md-10 col-xs-10">
<h3>Best AI Hack</h3>
<p>Drones!</p>
</div>
</div>
</div>
</div>
<div class="col-12 sponsors" id="sponsors">
<h1>Sponsors</h1>
<div class="row justify-content-center" style="margin-bottom:50px;">
<div class="col-md-10 col-xs-10 title">
<h3>Title Sponsors</h3>
<img src="app/images/PayPal.png" /><br><br>
<img src="app/images/Panalyt.jpg" />
</div>
<div class="col-md-12 col-xs-10 platinum" style="margin-bottom:40px;">
<h3>Platinum Sponsors</h3>
<img src="app/images/SeaGroup.png" />
<img src="app/images/ieee-sponsor.png" / style="padding-left:30px;"> <br>
<img src="app/images/Cognizant_Logo_Brand_Blue svg.svg" />
</div>
<div class="col-md-10 col-xs-10 gold">
<h3>Gold Sponsors</h3>
<img src="app/images/Blackrock.png" /> <img src="app/images/Manulife.png" />
</div>
<div class="col-md-10 col-xs-10 silver">
<h3>Silver Sponsor</h3>
<img src="app/images/Gradsingapore.png" />
</div>
<div class="col-md-10 col-xs-10 hardware">
<h3>Hardware Sponsor</h3>
<img src="app/images/12Geeks.png" />
</div>
</div>
</div>
<footer class="vertical-center">
<h5 class="footer-main">This hackathon is a joint collaboration by <a href="http://www.ntuoss.com" target="_blank">NTU Open Source Society</a> and <a href="http://www.ieeentu.com/" target="_blank">IEEE NTU</a>.</h5>
<h5>Made with <i class="fas fa-heart"></i> by <a href="http://www.github.com/kunmishra2599" target="_blank" >Kunal Mishra</a>.</h5>
</footer>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="app/js/main.js"></script>
</body>
</html>