-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
383 lines (361 loc) · 17.5 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">
<head>
<title>Hackpoly 2017 · Home</title>
<!-- meta -->
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:700" rel="stylesheet">
<!-- stylin' -->
<link rel='stylesheet' type='text/css' href='styles.css'>
<link rel="shortcut icon" href="/img/favicon.png">
<!-- facebook -->
<meta property="og:title" content="Hackpoly">
<meta property="og:type" content="website">
<meta property="og:image" content="http://hackpoly.com/img/hackrice-fb.png">
<meta property="og:image:url" content="http://hackpoly.com/img/hackrice-fb.png">
<meta property="og:image:width" content="470">
<meta property="og:image:width" content="190">
<meta property="og:url" content="http://hackpoly.com/">
<meta property="og:description" content="Hackpoly is our 24-hour annual student-run hackathon at Cal Poly Pomona! Feb 11th - 12th, 2017">
<!-- twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@hackpoly">
<meta name="twitter:title" content="Hackpoly 2017">
<meta name="twitter:description" content="Hackpoly is our 24-hour annual student-run hackathon at Cal Poly Pomona! Feb 11th - 12th, 2017">
<meta name="twitter:image" content="https://hackpoly.com/img/hackrice-twtr.png">
<meta name="twitter:image:width" content="512">
<meta name="twitter:image:height" content="512">
</head>
<body>
<!-- navigation -->
<nav id='nav'>
<a href='/' class='logo-w nav-logo'><b>HACKPOLY</b></a>
<a href='/' class='logo-b nav-logo'><b>HACKPOLY</b></a>
<div id='nav-menu'>
<a class='nav-link' href='/#about'>About</a>
<a class='nav-link' href='/#schedule'>Schedule</a>
<a class='nav-link' href='/#faq'>FAQ</a>
<!-- <a class='nav-link' href='/#partner'>Partners</a> -->
<a class='nav-link' href='/#sponsor'>Sponsors</a>
<a class='nav-link' href='/#contact'>Contact</a>
</div>
<svg class='nav-mini' version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-294.1 377.3 41.3 40" style="enable-background:new -294.1 377.3 41.3 40;" xml:space="preserve">
<style type="text/css">
.st0{fill:#2ecc71;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
</style>
<g id="Layer_1">
<line class="st0" x1="-282" y1="390.3" x2="-264.9" y2="390.3"/>
<line class="st0" x1="-282" y1="397.2" x2="-264.9" y2="397.2"/>
<line class="st0" x1="-282" y1="404.3" x2="-264.9" y2="404.3"/>
</g>
</svg>
</nav>
<!-- banner -->
<section id="s-cover" class="s-cover1"></section>
<section id="s-banner">
<!-- center logo -->
<img id="banner-logo" src="/img/hackpoly_logo_white.png">
<!-- info -->
<div id="banner-info" class="" >
<h3> CAL POLY POMONA </h3>
<h3> FEB. 11TH - 12TH, 2017 </h3>
</div>
<div id="banner-btns">
<!-- registration link -->
<!--<a id="apply-btn" class="banner-btn btn"> <span>APPLICATIONS ARE CLOSED</span> </a> -->
<a href="/apply/" id="apply-btn" class="banner-btn btn"> <span>APPLY</span> </a>
<!--<a href="/live/" id="apply-btn" class="banner-btn btn"> <span>HACKPOLY LIVE</span> </a>-->
<!-- <a href="/resources/" id="sponsor-btn" class="banner-btn btn"> <span>RESOURCES</span> </a> -->
<!-- sponsor link -->
<a href="/#sponsor" id="sponsor-btn" class="banner-btn btn"> <span>SPONSOR</span> </a>
</div>
</section>
<!-- about -->
<div id="about"></div>
<section id="s-about">
<h1> Welcome </h1>
<h1> To Hackpoly! </h1>
<div class="section-text">
<span class="section-accent"> Calling all builders, makers, and dreamers. </span>
<p> Hackpoly is a 24-hour annual hackathon event at Cal Poly Pomona. Participants trade their sleep for a weekend and join a team to create a project - typically software or hardware - in an environment optimized for creativity. At the end of the event, the participants demonstrate their projects to fellow hackers, visitors, and a panel of judges. The event is hosted by <a href="http://polyfounders.com" target="_blank">Poly Founders</a>. </p>
</div>
<div class="section-text about-info">
<h3 id="imp">Location:</h3>
<a href="https://goo.gl/maps/W58PbqeTrAA2"><span
class="section-accent"> Bronco Student Center, Cal Poly Pomona, Pomona, CA </span> </a>
</div>
<div class="section-text about-info">
<h3 id="imp">Check-In:</h3>
<span class="section-accent"> 9:00AM - 10:00AM on Saturday, Feb. 11th </span>
</div>
<!--<div class="section-text about-info">
<a href="https://www.facebook.com/events/" id ="event-btn" class="banner-btn btn"> <h3>Facebook Event</h3> </a>
</div>-->
<div id="mlh-badge">
<!--<a id="mlh-trust-badge" style="position:absolute;top:0;right:5%;max-width:100px;width:10%;min-width: 60px;display:block;z-index:1" href="https://mlh.io/seasons/na-2017/events?utm_source=na-2017&utm_medium=TrustBadge&utm_campaign=na-2017&utm_content=white" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2017/white.svg" alt="Major League Hacking 2017 Hackathon Season" style="width:100%"></a>-->
</div>
</section>
<!-- people -->
<section id="s-numbers">
<div id="numbers-emphasis">
<h1> 24 Hours </h1>
<h1> Better than ever </h1>
<h1> Top-notch mentors, workshops, and prizes </h1>
</div>
</section>
<!-- schedule -->
<div id="schedule"></div>
<section id="s-schedule">
<h1> Schedule </h1>
<br/>
<h2>Coming Soon!</h2>
<!--<h2> Saturday Feb. 11 </h2>
<div class="schedule-list">
<ul class="list-time">
<li><span class="list-event">5:00 - 7:00 PM</span></li>
<li><span class="list-event">5:00 - 7:00 PM</span></li>
<li><span class="list-event">5:00 - 7:00 PM</span></li>
<li><span class="list-event">7:00 - 8:00 PM</span></li>
<li><span class="list-event">8:00 - 9:00 PM</span></li>
<li><span class="list-event">9:00 PM</span></li>
<li><span class="list-event">9:00 PM</span></li>
</ul>
<ul class="list-name">
<li>Check-In</li>
<li>Sponsor Booth Fair</li>
<li>Team Formation & Brainstorming</li>
<li>Opening Ceremony</li>
<li>Dinner + Mingle</li>
<li>Hacking Begins</li>
<li>Workshops Begin</li>
</ul>
<ul class="list-location firstDay" style="margin-top:40px">
<li> </li>
<li> </li>
<li style="padding-bottom:14px;">Family Commons</li>
<li>Shell Auditorium</li>
<li style="padding-top:5px;">Anderson Family Commons (AFC)</li>
<li style="padding-top:0px;padding-bottom:3px;">See availble hacking spaces below</li>
<li style="cursor:pointer" onclick="location.href='live'">See workshops schedule</a></li>
</ul>
</div>
<h2> Saturday Oct. 15 </h2>
<div class="schedule-list">
<ul class="list-time">
<li><span class="list-event">2:00 AM</span></li>
<li><span class="list-event">7:00 AM</span></li>
<li><span class="list-event">9:00 AM</span></li>
<li><span class="list-event">12:00 PM</span></li>
<li><span class="list-event">6:00 PM</span></li>
<li><span class="list-event">11:00 PM</span></li>
<!-- <li><span class="list-event">TBD</span></li>
</ul>
<ul class="list-name">
<li>Late Night Food</li>
<li>Breakfast / Snack</li>
<li>Workshops Continue</li>
<li>Lunch</li>
<li>Dinner</li>
<li>Snack</li>
<!-- <li>MLH Event</li> -->
<!-- </ul>
<ul class="list-location secondDay">
<li>AFC</li>
<li style="padding-bottom:22px;">AFC</li>
<li style="cursor:pointer" onclick="location.href='live'">See workshops schedule</a></li>
<li>AFC</li>
<li>AFC</li>
<li>AFC</li>
<!-- <li>TBD</li> -->
<!-- </ul>
</div>
<h2> Sunday Oct. 16 </h2>
<div class="schedule-list">
<ul class="list-time">
<li><span class="list-event">2:00 AM</span></li>
<li><span class="list-event">7:00 AM</span></li>
<li><span class="list-event">9:00 AM</span></li>
<li><span class="list-event">9:30 - 10:30 AM</span></li>
<li><span class="list-event">10:45 - 11:45 PM</span></li>
<li><span class="list-event">12:00 - 1:00 PM</span></li>
<li><span class="list-event">1:00 - 2:00 PM</span></li>
<li><span class="list-event">2:00 - 3:00 PM</span></li>
<!-- <li><span class="list-event">3:00 PM</span></li> -->
<!-- </ul>
<ul class="list-name">
<li>Late Night Food</li>
<li>Breakfast / Snack</li>
<li>Hacking Ends</li>
<li>Round 1 Judging</li>
<li>Round 2 Judging</li>
<li>Finalists Chosen</li>
<li>Finalists Present</li>
<li>Awards & Closing Ceremony</li>
<!-- <li>Reception</li> -->
<!-- </ul>
<ul class="list-location secondDay">
<li>AFC</li>
<li style="padding-bottom:22px;">AFC</li>
<li> </li>
<li>TBA</li>
<li>TBA</li>
<li> </li>
<li>Shell Auditorium</li>
<li>Shell Auditorium</li>
</ul>
</div>
<center><h3> This is a tentative schedule and may be subject to change. </h3></center>-->
</section>
<!-- faq -->
<div id="faq"></div>
<section id="s-faq">
<h1>FAQ</h1>
<div id="faq-wrap" class="section-text">
<div class="faq-group">
<h3> Who is eligible for Hackpoly? </h3>
<p>Any current student over the age of 18 is eligible to apply to
Hackpoly. Since we are a MLH member ever, participants must also
accept the <a href="http://static.mlh.io/docs/mlh-code-of-conduct.pdf">MLH Code of Conduct</a></p>
</div>
<div class="faq-group">
<h3> What is the acceptance criteria? </h3>
<p>We think that the fairest way to accept candidates is to ask the candidates to tell us about their previous hackathon and coding experiences, so that we can invite people who have demonstrated interest and skill. The admission process will be competitive and rolling! We also will take into account people who have never been to a hackathon before, so please apply!</p>
</div>
<div class="faq-group">
<h3> Will my travel be reimbursed? </h3>
<p>Despite our best efforts, we are unable to provide travel reimbursement to out-of-state hackers at this time. Rest-assured you will be taken care of when you arrive with a weekend of free meals, tons of swag, prizes and a comfortable environment for you and your peers.</p>
</div>
<div class="faq-group">
<h3> What external sources can I use? </h3>
<p>Third party libraries and APIs are permitted if they are publicly available and free to use.</p>
</div>
<div class="faq-group">
<h3> What about teams? </h3>
<p>You don't have to form a team before the event, or at all. At the start of the event, we will provide plenty of time to break out and form a new one if you choose to. Teams will be limited to 5 people.</p>
</div>
<div class="faq-group">
<h3> Will there be prizes? </h3>
<p>We will have prizes for 1st, 2nd, 3rd place, and several other company sponsored prizes.</p>
</div>
<div class="faq-group">
<h3> Will there be free food? </h3>
<p> Yes! We will provide catered meals during the event along with free caffeine!</p>
</div>
<div class="faq-group">
<h3> What if I'm not very experienced? </h3>
<p>We will try our best to point people in the right direction and use tools and languages that allow rapid development with the least amount of frustration. There will also be mentors participating in the hackathon who can help you out. Furthermore, you can look up tutorials and sample code online. We will also be having workshops the during and month leading up to the hackathon!</p>
</div>
<div class="faq-group">
<h3> What do I need to bring? </h3>
<p>Please bring a student ID so we can verify and register you on-site! You'll also need to bring a computer, whatever software you feel might be necessary for development,toiletries, sleeping bag, and pillow. We also recommend that you bring power strips for convenience. Teammates are free to share equipment with each other.</p>
</div>
<!--<div class="faq-group">
<h3> Mentoring Program? </h3>
<p>
We’ve set up a mentoring slack for Hackpoly that you can access by going to <a style="text-decoration:underline" href="http://hackpoly.com/live/">http://hackpoly.com/live/</a> and clicking on Request a Mentor. If you’ve not already joined the slack, use the dropdown to select your email address domain and enter your email to log in. If you don’t see your email domain send an email to <a style="text-decoration:underline;font-weight:300;" href="mailto:[email protected]" class="link">[email protected]</a> and we’ll promptly get you added.
Once you’re part of the Slack, you will be added to the <b>#general</b> and <b>#mentorrequests</b> channels. Use the general channel for any general questions that can be answered straight from Slack. If you need a mentor, request one through the #mentorrequests channel and follow the guideline for stating your problem. Also, if you have a question about a very specific topic you can use one of the pre-existing channels or create your own.
All mentors who have checked in will also be added to a private channel which they can use to help pair hackers requesting help with mentors and coordinate with each other.
</p>
</div>-->
<div class="faq-group">
<h3> More questions? </h3>
<p>
Send us an email at <a href="mailto:[email protected]" class="link">[email protected]</a>
or message us on Facebook <a href="http://m.me/hackpoly" class="link">http://m.me/hackpoly</a>
</p>
</div>
</div>
</section>
<!-- partners -->
<!--
<div id="partner"></div>
<section id="s-partner">
<h1> Partners </h1>
<div class="section-text">
<h3> Special thanks to: </h3>
<div class="sponsor-level">
<div class="sponsor-logo-large mlh"></div>
</div>
</div>
</section>
-->
<!-- sponsors -->
<div id="sponsor"></div>
<section id="s-sponsor">
<h1> Sponsorship </h1>
<div class="section-text">
<p>
Sponsors help support every aspect of Hackpoly. Contributions from
sponsors go towards the costs of space rentals, food, t-shirts,
transportation, staffing expenses, and many, many other things that
make a hackathon successful and exciting. Being a Hackpoly sponsor
allows you to reach out to talented students looking to innovate
and build awesome projects. Sponsors can get involved at many
levels, check out our sponsorship packet or shoot us an email to
find out how you can be a part of our greatest hackathon yet!
</p>
<br/>
<h3><a href="sponsorship.pdf" class="link"> Want to be a sponsor? </a></h3>
<h4>
<a href="sponsorship.pdf" class="link">Sponsorship Packet</a>
//
<a href="mailto:[email protected]" class="link"> [email protected] </a>
</h4>
</div>
<br/>
<br/>
<h1> 2017 Sponsors </h1>
<div class="section-text">
<div class="sponsor-level">
<div class="sponsor-logo-large oracle"
onclick="$('.oracle-d').toggle()"></div>
<p class="sponsor-desc oracle-d">Can't break it, can't break in.</p>
</div>
<div class="sponsor-level">
<div class="sponsor-logo-general digitalocean"></div>
<div class="sponsor-logo-general square"></div>
</div>
</div>
<br/>
<h1> Event Partners </h1>
<div class="section-text">
<div class="sponsor-level">
<div class="sponsor-logo-general mlh"></div>
</div>
</div>
<h1> Organizers </h1>
<div class="section-text">
<div class="sponsor-level">
<div class="sponsor-logo-large pf"></div>
</div>
</div>
</section>
<div id="contact"></div>
<section id="s-schedule">
<h1> Contact Us </h1>
<div class="section-text">
<a href="mailto:[email protected]" class="link">Email</a>
<br>
<a href="http://m.me/hackpoly" class="link">Messenger</a>
<br>
</div>
</section>
<!-- footer -->
<section id="s-footer">
<div class="section-text">
<span class="footer-text">
<a href="http://www.polyfounders.com" target="_blank"> Poly Founders </a> |
<a href="http://cnibungco.github.io" target="_blank"> Site by Camille Nibungco </a> | © Hackpoly 2016
</span>
</div>
</section>
<!-- javascript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="script.js"></script>
<!-- google analytics -->
</body>
</html>