-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
executable file
·383 lines (362 loc) · 21.1 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
<!DOCTYPE html>
<html lang="en" xmlns:text-color="http://www.w3.org/1999/xhtml">
<!--Change MLH yearly logo here-->
<head>
<meta charset="utf-8">
<title>HackKean</title>
<!-- site info -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HackKean</title>
<meta name="description" content="Join us at Kean University and build something amazing! Whether you’re a seasoned developer or designer, or just starting out as a beginner, HackKean has something to offer you. Date: November 21, 9am EST">
<meta name="keywords" content="HackKean, Kean Hacks, Kean University, hackathon">
<link rel="shortcut icon" href="img/HackKean_19.png" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- facebook -->
<meta property="og:title" content="HackKean">
<meta property="og:url" content="hackkean.org">
<meta property="og:type" content="website">
<meta property="og:site_name" content="HackKean">
<meta property="og:description" content="Join us at Kean University and build something amazing! Whether you’re a seasoned developer or designer, or just starting out as a beginner, HackKean has something to offer you. Date: November 21, 9am EST">
<meta property="og:image" content="https://hackkean.org/img/facebook_banner.png">
<!-- twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="hackkean.org">
<meta name="twitter:title" content="HackKean">
<meta name="twitter:description" content="Join us at Kean University and build something amazing! Whether you’re a seasoned developer or designer, or just starting out as a beginner, HackKean has something to offer you. Date: November 21, 9am EST">
<meta name="twitter:creator" content="@hackkean">
<meta name="twitter:site" content="@hackkean">
<meta name="twitter:image" content="https://hackkean.org/img/facebook_banner.png">
<!-- stylesheets -->
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
<link href="css/themify-icons.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/theme-orange.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-roboto.css" rel="stylesheet" type="text/css">
<link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />
<link href="https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto" rel="stylesheet">
<!-- <a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:absolute;right:50px;top:0;width:2%;z-index:10000" href="https://mlh.io/seasons/na-2018/events?utm_source=na-2018&utm_medium=TrustBadge&utm_campaign=na-2018&utm_content=gray" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2018/gray.svg" alt="Major League Hacking 2017 Hackathon Season" style="width:100%"></a> -->
</head>
<!-- Rebuild plz -->
<body>
<div class="main-container">
<section class="cover fullscreen image-slider slider-arrow-controls controls-inside parallax overlay image-bg">
<div id="particles-js"></div>
<div class="background-image-holder">
<img alt="image" class="background-image" src="img/dot_bg.jpg">
</div>
<div class="container v-align main-content">
<div class="row text-center">
<img alt="Logo" class="logo" src="img/HackKean_final - Copy.png">
</div>
<div class="row text-center">
<h1 style="color: #0d39a1; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;">HackKean Fall 2020</h3>
<div class="col-sm-6 col-sm-offset-3 col-md-8 col-md-offset-2">
<h2 style="color: red;">Cancelled</h2>
</div>
</div>
<div class="row text-center buttons">
<!--<a class="btn btn-lg btn-filled" href="/sponsor"></a>
<p>
<a class="btn btn-lg btn-filled" href="https://hackkean.typeform.com/to/TIZLV1" data-mode="popup" style="display:inline-block;text-decoration:none;cursor:pointer;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" target="_blank">Register </a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>-->
<!-- <h3>Registration is now open!</a></h3> -->
<!-- <h3 style="color: red;"><a href="https://docs.google.com/forms/d/e/1FAIpQLScc4tX1CX1pb9OU7BnOKc34KNaB_6bCRhSw2iYwIQ6eM7bGFg/viewform?usp=sf_link">Click here to register!</a></h3> -->
</div>
<div class="row social_info text-center">
<!-- <a href="https://www.instagram.com/acm_kean/" target="_blank" class="social_icon"><i class="ti-instagram"></i></a>
<a href="https://twitter.com/hackkean" target="_blank" class="social_icon"><i class="ti-twitter-alt"></i></a> -->
<!-- <h5 class="muli-regular mb32 acm">Hosted by the <a href="https://keanacm.github.io/#/home" target="_blank">Kean ACM</a></h5> -->
</div>
</div>
</section>
<section class="about-hk">
<div class="container">
<div class="row">
<div class="col-sm-10 col-sm-offset-1 text-center">
<h3 class="teal mb40 mb-xs-24 muli-regular">Kean University's Annual Hackathon</h3>
<p class="lead">
Join us for 12 hours online as we build apps, hardware, and more. We will provide a comfortable and enlivening atmosphere for you to build out progressive, innovative, and crazy ideas.
<p class="lead">
At HackKean, you’ll meet fellow hackers, learn new technologies, and hone your skills. We'll have free prizes, games, and more. Don’t have a team or an idea? Don’t worry! We’ll connect you with others and give you the tools to build something incredible.
<p class="lead">
Whether you're a seasoned hackathon-goer or just getting started, we’d love to see you here!
</p>
</div>
</div>
</section>
<!--FAQ -->
<section>
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h3 class="teal mb40 mb-xs-24 muli-regular">FAQ</h3>
<p class="lead mb64"> Got questions about HackKean? Read on.</p>
</div>
</div>
<div class="row">
<div class="col-sm-10 col-sm-offset-1">
<ul class="accordion accordion-2 one-open">
<li>
<div class="title">
<h4 class="mb0 muli-regular">Are there any forms I need to fill out?</h4>
</div>
<div class="content">
<!-- <p>
I'm glad you asked! We require all participants to sign the 'Release and Waiver' and submit them using the registration link found <a href="https://docs.google.com/forms/d/e/1FAIpQLScc4tX1CX1pb9OU7BnOKc34KNaB_6bCRhSw2iYwIQ6eM7bGFg/viewform?usp=sf_link" target="_blank">here</a>.
<br>
<a href="https://docs.google.com/document/d/1g3OC4uBoLImCDMQcdjXiiSlIfHP3qUEJs2cDXUA9O-c/edit?usp=sharing" target="_blank">Click here to access the Release and Waiver Form</a>
</p> -->
</div>
</li>
<li>
<div class="title">
<h4 class="mb0 muli-regular">What's a hackathon?</h4>
</div>
<div class="content">
<p>
It’s a grand gathering of people to make their ideas come to life. Think out of the box, try new technologies, ask questions, make mistakes, discover a new language, and have fun!
</p>
</div>
</li>
<li>
<li>
<div class="title">
<h4 class="mb0 muli-regular">Who, When, & Where?</h4>
</div>
<div class="content">
<p>
HackKean Fall 2020 will run for 12 hours online using Discord and it is open to all students!</br>
The event will be held on Saturday, November 21 from 9 AM to 9 PM EST.
</p>
</div>
</li>
<li>
<div class="title">
<h4 class="mb0 muli-regular">How do I sign up?</h4>
</div>
<div class="content">
<!-- <p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLScc4tX1CX1pb9OU7BnOKc34KNaB_6bCRhSw2iYwIQ6eM7bGFg/viewform?usp=sf_link" target="_blank">Click here for the registration link. </a>
</p> -->
</div>
</li>
<!-- Fall 2020 is online -->
<!-- <li>
<div class="title">
<h4 class="mb0 muli-regular">How's parking & travel reimbursement?</h4>
</div>
<div class="content">
<p>
Unfortunately, we currently cannot offer travel reimbursements to hackers. Parking is available in front of North Ave Academic Building (white lines)
</p>
</div>
</li> -->
<li>
<div class="title">
<h4 class="mb0 muli-regular">What kind of project can I work on?</h4>
</div>
<div class="content">
<p>
Whatever you'd like. Software, hardware, design, music, art, animation — take your pick.
</p>
</div>
</li>
<li>
<div class="title">
<h4 class="mb0 muli-regular">Teams?</h4>
</div>
<div class="content">
<p>
Teams should be groups of up to 5 students. You can also work alone, but we encourage collaborating with the other great minds at HackKean.
</p>
</div>
</li>
<li>
<div class="title">
<h4 class="mb0 muli-regular">Do I need to have a finished project by the end?</h4>
</div>
<div class="content">
<p>
Your goal should be to have a finished or almost complete project by the end of the night. However, HackKean is ultimately a learning experience, so don't sweat it too much if you can't finish. We want you to experiment and learn!
</p>
</div>
</li>
<li>
<div class="title">
<h4 class="mb0 muli-regular">I haven't been to a hackthon before...?</h4>
</div>
<div class="content">
<p>
That’s absolutely fine! We encourage beginners to join us. <a class="navy" href="mailto:[email protected]">Please feel free to email us </a> if you've got any questions not answered here.
</p>
</div>
</li>
<li>
<div class="title">
<h4 class="mb0 muli-regular">What should I bring?</h4>
</div>
<div class="content">
<p>
Whatever you need to create. Hardware, computers, and whatever else.
<!-- Don't forget hygiene. We'll be providing some hardware first-come, first-served. Also bring a signed waiver form which you can find <a href="Hackkean_Waiver.pdf">here</a>. -->
</p>
</div>
</li>
<li>
<div class="title">
<h4 class="mb0 muli-regular">What shouldn't I bring?</h4>
</div>
<div class="content">
<p>
A bad attitude. Come with an open mind & get ready to build.
<!-- Fall 2020 Online -->
<!-- Also... please don't bring any weapons or illegal drugs. -->
</p>
</div>
</li>
<li>
<div class="title">
<h4 class="mb0 muli-regular">I'm not a college student. Can I participate?</h4>
</div>
<div class="content">
<p>
We're open to high school students!
<!-- (parent/guardian must sign <a href="Hackkean_Waiver.pdf">waiver</a>) -->
</br>
In the industry? If you're interested in being a mentor, <a class="navy" href="mailto:[email protected]">please reach out.</a>.
</p>
</div>
</li>
<li>
<div class="title">
<h4 class="mb0 muli-regular">How can I get in touch? </h4>
</div>
<div class="content">
<p>
If you have a question not answered here or just want to reach out, shoot us an <a class="navy" href="mailto:[email protected]">email</a>.
</p>
</div>
</li>
<li>
<!-- <div class="title">
<h4 class="inline-block mb0 muli-regular">What are your guidelines/code of conduct?</h4>
</div>
<div class="content">
<p>
They can be found <a class="navy" target="_blank" href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf">here</a>.
</p>
</div> -->
</li>
</ul>
</div>
</div>
</div>
</section>
<!--Sponsers -->
<section class="smoke-bg">
<div class="container">
<div class="row">
<div class="col-sm-10 col-sm-offset-1 text-center">
<h3 class="teal mb40 mb-xs-24 muli-regular">Hosted by</h3>
<!-- <p class="lead">
HackKean wouldn't be possible without the incredible support of our sponsors and partners.
</p> -->
<!-- <div class="row text-center buttons sponsor-buttons">
<a href="sponsor/" class="btn btn-lg btn-filled btn-purple-filled">Sponsor Us</a>
<a href="" class="btn btn-lg btn-purple">Learn More</a>
</div> -->
<!--<div class="row">-->
<!--<div class="col-xs">-->
<!--<a href="http://www.viacom.com/" target="_blank"><img style="width: 200px; padding-right: 10px;" src="png/viacom.svg" alt=""></a>-->
<!--<a href="http://www.digitalocean.com/" target="_blank"><img style="width: 200px;" src="png/digitalocean.png" alt=""></a>-->
<!--<a href="http://www.sketchapp.com/" target="_blank"><img style="width: 200px;" src="png/sketch.png" alt=""></a>-->
<!--</div>-->
<!--<br>-->
<!--</div>-->
<!-- <div class="row">
<div class="col-xs">
<a href="http://www.wolfram.com/" target="_blank"><img style="width: 150px;" src="png/wolfram.png" alt=""></a>
<a href="http://www.jetbrains.com/" target="_blank"><img style="width: 150px;" src="png/jetbrains.png" alt=""></a>
<a href="http://get.tech/" target="_blank"><img style="width: 150px;" src="png/techdomain.png" alt=""></a>
</div>
</div> -->
<div class="row">
<div class="col-xs">
<!-- <a href="https://mlh.io/" target="_blank"><img style="width: 200px;" src="png/sponsor-mlh.png" alt=""></a> -->
<a href="http://kean.collegiatelink.net/organization/stuorg" style="padding-right: 10px" target="_blank"><img style="height:100px; width: 100px;" src="png/stuorg.png" alt=""></a>
<a href="http://www.kean.edu/~compsci/" target="_blank"><img style="width: 200px;" src="img/dept_logo.jpg" alt=""></a>
</div>
</div>
<div class="row">
<div class="col-xs">
<a href="https://keanacm.github.io" target="_blank"><img style="width: 125px;" src="png/acm.png" alt=""></a>
<!-- <a href="https://kean.campuslabs.com/engage/organization/acm-w" target="_blank"><img style="width: 125px;" src="png/acm-w.png"></a> -->
<!--<a><img style="width: 150px;" src="png/acm-w.png" alt=""></a>-->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Get Inspired -->
<!-- <section class="image-square right white-bg">
<div class="col-md-6 image">
<div class="background-image-holder">
<img alt="image" class="background-image" src="img/steps.png">
</div>
</div>
<div class="col-md-6 content">
<h3 class="muli-regular">Get inspired</h3>
<p class="lead">
This is your weekend to innovate with a stage and we'll throw in swag, food, and mentors to keep you going. At Kean University's state-of-the-art <a class="navy" href="https://www.google.com/maps/place/North+Avenue+Academic+Building/@40.676467,-74.2296493,18z/data=!3m1!4b1!4m5!3m4!1s0x89c3ad50ba7d4799:0xb8c367e358a39788!8m2!3d40.676465!4d-74.228555" target="_blank">North Ave Academic Building (NAAB)</a>, you'll have the perfect environment to get inspired.
</p>
<p class="lead">
In addition take advantage of our brand new hardware lab equipped with 3D printer, Oculus Rift, Raspberry Pi's, MYO armbands, Leapmotion Controller, and so much more!
</p>
</div>
</section> -->
<section class="image-bg bg-dark parallax overlay pt120 pb120">
<div class="background-image-holder">
<img alt="Background Image" class="background-image" src="img/building.png">
</div>
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h3 class="muli-regular">12 hours of creativity.</h3>
<p class="cta-subhead lead mb40">Let there be hacking!</p>
<!-- <a class="btn btn-lg btn-filled" href="https://hackkean.typeform.com/to/XnHg9n">Hacker Application</a> -->
</div>
</div>
</div>
</section>
<footer class="footer-2 bg-dark text-center-xs">
<div class="container">
<div class="row">
<div class="col-sm-4">
<a href="/"><img class="image-small fade-half" alt="Pic" src="img/HackKean_finaltp.png"></a>
</div>
<!-- <div class="col-sm-4 text-center">
<span class="fade-half footer-text">
<a target="_blank" href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf">Major League Hacking's Code of Conduct</a>
</span>
</div> -->
<div class="col-sm-4 text-right text-center-xs">
<ul class="list-inline social-list">
<li><a href="https://www.instagram.com/acm_kean/"><i class="ti-instagram"></i></a></li>
<li><a href="https://twitter.com/hackkean"><i class="ti-twitter-alt"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/flexslider.min.js"></script>
<script src="js/parallax.js"></script>
<script src="js/particles.js"></script>
<script src="js/scripts.js"></script>
<script src="js/app.js"></script>
</body>
</html>