This repository has been archived by the owner on Oct 31, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
329 lines (314 loc) · 26.4 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
<!DOCTYPE html>
<html lang="en" style="overflow-x: hidden; min-width: 100%!important;">
<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="icon" href="small-yellow-sun.png">
<link rel="stylesheet" href="./stylesheets/bootstrap.min.css">
<link rel="stylesheet" href="./stylesheets/styles.css">
<title>sunhacks</title>
<script src="https://use.fontawesome.com/fcc0eeca8c.js"></script>
<!-- for facebook -->
<meta property="og:url" content="http://live.sunhacks.io" />
<meta property="og:type" content="website"/>
<meta property="og:title" content="sunhacks 2019"/>
<meta property="og:description" content="Welcome to a weekend of building at #sunhacks2019"/>
<meta property="og:image" content="http://sunhacks.io/assets/fb_box.png"/>
<!-- for twitter -->
<meta content="summary" name="twitter:card">
<meta content="@Sun_hacks" name="twitter:site">
<meta content="sunhacks 2019" name="twitter:title">
<meta content="Welcome to a weekend of building at #sunhacks2019 on September 20th to 22nd!" name="twitter:description">
<meta content="http://sunhacks.io/assets/sunhacks_icon_web.jpg" name="twitter:image">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavBar" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<span>sunhacks</span>
</a>
</div>
<div class="collapse navbar-collapse" id="myNavBar">
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link page-scroll" href="#maps">maps</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#schedule">schedule</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#links">links</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#faq">faq</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#sponsors">sponsors</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- MLH style has been moved to styles.css, don't forget to update this every year we're an MLH event! -->
<a id="mlh-trust-badge" href="https://mlh.io/seasons/na-2020/events?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2020-season&utm_content=white" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2020/mlh-trust-badge-2020-white.svg" alt="Major League Hacking 2020 Hackathon Season" style="width:100%"></a>
<div class="jumbotron main-jumbotron" id="page-top">
<div class="container main-jumbotron-container">
<img class="main-jumbotron-image" src="assets/logo-white.png" alt="sunhacks">
<div class="main-jumbotron-spacer"></div>
<div class="main-jumbotron-text-container">
<strong class="text-uppercase">September 20th–22nd 2019</strong>
<h1>Ready, Set, Hack!</h1>
<h2>Sun Devil Fitness Complex Tempe,<br/>Arizona State University</h2>
</div>
</div>
</div>
<div class="main-content">
<main>
<section>
<h3 class="text-uppercase"><strong>welcome to sunhacks!</strong></h3>
<br/><!-- maybe have carousel of images from social media??? how link -->
<!--<iframe class="video-embed" src="https://www.youtube.com/embed/dbvVf-bMLCk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
</section>
<section id="maps">
<h3 class="text-uppercase"><strong>check-in here</strong></h3>
<img class="map" src="./assets/main_map.png" alt="main_map"/>
<br/>
<h3 class="text-uppercase"><strong>venue map</strong></h3>
<img class="map" src="./assets/sunhacks_map.png" alt="sunhacks_map">
</section>
<section id="schedule">
<div class="section-header">
<h1 class="schedule-header">schedule</h1>
</div>
<div id="scheduleTable">
</div>
</section>
<section id="links">
<div class="section-header">
<h1 class="about-header">links</h1>
</div>
<p>
<a href="https://docs.google.com/spreadsheets/d/1vn8UTcKlYpzdMC0hifT9kzSwwyRV9q6An6tEvP41LqU/edit?usp=sharing">Mentor Schedule</a>
<br/><a href="https://docs.google.com/spreadsheets/d/1pgV4IFSILB6zWnDXpOQr5ZJF1zetLGObH_2KmHxqjPw/edit?usp=sharing">Mentor Skill Matrix</a>
<br/><a href="http://links.sunhacks.io/speakerSlides">Speaker Slides</a>
<br/><a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf">MLH Code of Conduct</a>
<br/><a href="https://sunhacks-2019.devpost.com">Devpost (submit your project here!)</a>
<br/><a href="https://slides.com/a-b-sen/esri-at-sunhacks#/">Esri Slides</a>
<br/><a href="http://links.sunhacks.io/organize">Become an Organizer</a>
</p>
</section>
<section class="faq" id="faq">
<div class="section-header">
<h1 class="faq-header">frequently asked questions (updated!)</h1>
</div>
<div class="section-content">
<div class="tab">
<button class="tablinks" onclick="switchTabs(event, 'General')" id="defaultOpen">General</button>
<button class="tablinks" onclick="switchTabs(event, 'Event')">Event</button>
<button class="tablinks" onclick="switchTabs(event, 'Hacking')">Hacking</button>
</div>
<div class="row">
<div id="General" class="tabcontent">
<div class="faq-col">
<div>
<h3>What time do I need to be there? <span class="plus">+</span></h3>
<p class="answer">
Check in opens at 5:00 PM on Friday, September 20th, the opening ceremony will be at 7:15 pm.
<br />For leaving, closing ceremony will be held on Sunday, September 22nd and is expected to end by 12:15 PM. The projects demo fair will be held in the morning starting at 9:00 AM.
</p>
</div>
<div>
<h3>What's the parking situation? <span class="plus">+</span></h3>
<p class="answer">
tldr; park at the Apache Blvd Structure on Apache Blvd and Normal Ave. <br />
ASU is hosting a lot of events this weekend, you may have trouble parking. If you're able to, please carpool/rideshare/etc. If you park at any of the garages know that you'll have to pay for your stay until 6AM on Saturday morning (when the gates to the garage open). Then you'll be able to freely come and go. Parking may get very busy from 1p - 9p as a result of an ASU football game and Gammage event in the evening on Saturday. The northern parking garages will not be free to access. Sunday will have no parking issues.
</p>
</div>
<div>
<h3>Can I get travel reimbursement? <span class="plus">+</span></h3>
<p class="answer">We unfortunately do not yet have the funds to reimburse our attendees for their travel. We sincerely apologize, but hope you understand.
In the future when we're bigger, we hope to be able to help you out, so stay tuned!</p>
</div>
<div>
<h3>I'm not able to make it to check-in, what do I do? <span class="plus">+</span></h3>
<p class="answer">Email us at <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
<div class="faq-col">
<div>
<h3>Code of Conduct? <span class="plus">+</span></h3>
<p class="answer">As a Major League Hacking member event, we require all attendees (hackers, volunteers,
mentors, sponsors, etc) to follow Major League Hacking’s <a href="http://static.mlh.io/docs/mlh-code-of-conduct.pdf">Code of Conduct</a>.
<br />If you find yourself needing to report a violation of the Code of Conduct, please call this number: +1 (409) 202-6060, or email <a href="mailto:[email protected]">[email protected].</a></p>
</div>
<div>
<h3>What do I need to bring? <span class="plus">+</span></h3>
<p class="answer">You'll need to bring a laptop, charger, any tech you might want to hack on or with. As we are a 3 day hackathon,
we encourage you to bring toiletries and any other materials you deem relevant. We highly encourage you bring sleeping paraphernalia
to ensure you get a good night's rest each night (or not, we understand you're excited to hack, but remember to take care of yourself!).
We will have a sleeping area designated and showers will be provided! So don't forget to bring towel and soap!<br />In addition, sunhacks is working toward becoming a sustainable hackathon, that means we aren't providing water bottles this year, and are asking that you bring your own. Since we'll be providing coffee as well, we encourage you to bring your own mug (you might get a chance to show it off on our social media and win something for it!)</p>
</div>
<div>
<h3>Do I need to stay the whole time? <span class="plus">+</span></h3>
<p class="answer">To get the full hackathon experience we highly recommend you stay, but we understand if you need to leave
(or if you want to sleep in a real bed for the night).</p>
</div>
<div>
<h3>My question wasn't answered :( <span class="plus">+</span></h3>
<p class="answer">Ask our organizers in our ask-organizers channel slack! Or DM Sunny! (sunhacks team)</p>
</div>
</div>
</div>
<div id="Event" class="tabcontent">
<div class="faq-col">
<div>
<h3>What's the wifi? <span class="plus">+</span></h3>
<p class="answer">SSID: sunhacks<br />password: happyHacking</p>
</div>
<div>
<h3>What will be provided? <span class="plus">+</span></h3>
<p class="answer">The entire weekend is free! That means free food, free snacks, free swag, and a ton of hardware for you to check out and work with. Bring yourself and whatever you need to be successful!</p>
</div>
<div>
<h3>I lost/found something, what do I do? <span class="plus">+</span></h3>
<p class="answer">Go to the help desk found in the Lobby!</p>
</div>
<div>
<h3>What's there to do? <span class="plus">+</span></h3>
<p class="answer">Talk to hackers and mentors and sponsors, oh my, attend talks hosted by sponsors and local tech community members, or our info sessions if you're new to hacking! There's also fun activities thoughout the weekend!</p>
</div>
</div>
<div class="faq-col">
<div>
<h3>I've got food allergies, what can I eat? <span class="plus">+</span></h3>
<p class="answer">This weekend we'll be serving a variety of meals and did our best to accommodate as many food allergies as possible. If you have questions about it, please don't hesitate to ask us. Here's the full list though:
<br /><br />Friday Dinner: Venezia’s: gluten free and vegetarian options
<br />Saturday Breakfast: Chompies: gluten free and vegan options
<br />Saturday Lunch: Firehouse: gluten free and vegan options
<br />Saturday Dinner: Carolinas: gluten free and vegan options
<br />Sunday Breakfast: Jason’s deli: gluten free and vegetarian options
<br /><br />Note, vegetarian options are also dairy free with the exception of Friday night dinner. Vegan options on Sunday morning are fresh fruit due to baked goods containing eggs.
</p>
</div>
</div>
</div>
<div id="Hacking" class="tabcontent">
<div class="faq-col">
<div>
<h3>What is a hackathon? <span class="plus">+</span></h3>
<p class="answer">Hackathons are places where you can have many unique experiences. Check out what you can do by coming to sunhacks's info sessions throughout the hackathon hosted by us! (see: Hacking Your First Hackathon, Git Familiar with Version Control, Putting Your Dev in Devpost!)</p>
</div>
<div>
<h3>How do I win prizes <span class="plus">+</span></h3>
<p class="answer">Submit your project to devpost <a href=https://sunhacks-2019.devpost.com/>(here!)</a> before the submissions are due on Sunday at 7:30AM! You can keep hacking til 8AM though. If you're still a little confused, checkout our info session, Putting Your Dev in Devpost!<br />Then, come to the demo session and pitch your project to our judges on Sunday from 9AM-11AM!</p>
</div>
<div>
<h3>What if I miss a talk? <span class="plus">+</span></h3>
<p class="answer">We've asked our speakers to sign up for the slack in case you want to ask them a question after their talk. We've asked if they're comfortable sharing their slides, to upload them to a folder for all to see <a href="https://drive.google.com/drive/folders/10UVHWJwU8CmmITkxLaPcxCUqp5Hw6Jj4?usp=sharing">here</a></p>
</div>
<div>
<h3>What about hardware hacks? <span class="plus">+</span></h3>
<p class="answer">MLH will be generously renting out cutting edge technology to the hackers. From Oculus Rifts to Arduinos,
the sky is the limit. If you have hardware or tools, you are more than welcome to bring them as well.</p>
</div>
</div>
<div class="faq-col">
<div>
<h3>Find yourself having these thoughts? "I'm not good enough." "I don't know how to code"? <span class="plus">+</span></h3>
<p class="answer">sunhacks exists to help combat those thoughts. We're working on building a community that people especially
like you can be a part of. We want to help you defy those thoughts, find that network of support, and flourish! We focus on
addressing these concerns by providing introductory workshops, encouraging mentors to interact with all hackers, and creating
a positive environment. Please don't feel bad asking a mentor questions, they're there to help and have been given a guide on how to best help you. </p>
</div>
<div>
<h3>How do teams work? <span class="plus">+</span></h3>
<p class="answer">The max team size is 4, but the minimum team size is one (meaning yes, you can work by yourself).
We'd encourage you to work in a team so you can have people to learn from, bounce ideas off of, and break work down into manageable chunks! </p>
</div>
<div>
<h3>What if I don't have a team?<span class="plus">+</span></h3>
<p class="answer">Don't have a team? That's okay, after our opening ceremony, stick around to find some team members
who want to help you with your project—or maybe you want to help them with theirs! We have activities planned to help
you find your dream team. Check out the team-building channel in our slack before the hackathon to see if you can find someone before hacking starts!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sponsors" id="sponsors">
<div class="section-header">
<h1 class="sponsor-header">sponsors</h1>
</div>
<div class="section-content">
<div class="row sponsor-row">
<div class="sun">
<a class="col-sm-12" href="https://entrepreneurship.engineering.asu.edu/devils-invent1/" target="_blank"><img class="logo" src="./assets/sponsors/devils_invent.png" alt="Devils Invent"></a>
<!-- <a class="col-sm-12" href="https://entrepreneurship.engineering.asu.edu/devils-invent1/" target="_blank"><img class="logo" src="./assets/sponsors/fulton.png" alt="Devils Invent"></a> -->
</div>
</div>
<div class="row sponsor-row">
<div class="planet">
<a class="col-sm-offset-0 col-sm-0" href="https://amazon.com/" target="_blank"><img class="logo" src="./assets/sponsors/amazon.png" alt="Amazon Tempe Software Development Centers"></a>
<a class="col-sm-offset-0 col-sm-0" href="https://esri.com/" target="_blank"><img class="logo" src="./assets/sponsors/esri.png" alt="Esri"></a>
</div>
</div>
<div class="row sponsor-row">
<div class="moon">
<a class="col-sm-offset-0 col-sm-0" href="https://www.godaddy.com" target="_blank"><img class="logo" src="./assets/sponsors/godaddy.png" alt="GoDaddy" ></a>
<a class="col-sm-offset-0 col-sm-0" href="https://www.statefarm.com" target="_blank"><img class="logo" src="./assets/sponsors/statefarm.png" alt="State Farm" ></a>
</div>
</div>
<div class="row sponsor-row">
<div class="asteroid">
<a class="col-sm-offset-0 col-sm-0" href="https://www.americanexpress.com/" target="_blank"><img class="logo" src="./assets/sponsors/amex.png" alt="American Express"></a>
<a class="col-sm-offset-0 col-sm-0" href="https://www.paypal.com/" target="_blank"><img class="logo" src="./assets/sponsors/paypal.png" alt="Paypal"></a>
<a class="col-sm-offset-0 col-sm-0" href="https://www.psware.com/" target="_blank"><img class="logo" src="./assets/sponsors/performancesoftware.png" alt="Performance Software"></a>
</div>
</div>
<div class="row sponsor-row">
<div class="comet" style="size:50%;">
<a class="col-sm-offset-0 col-sm-0" href="https://agjunction.com/" target="_blank"><img class="logo" src="./assets/sponsors/agjunction.svg" alt="AgJunction"></a>
<a class="col-sm-offset-0 col-sm-0" href="https://carvana.com/" target="_blank"><img class="logo" src="./assets/sponsors/carvana.svg" alt="Carvana"></a>
<a class="col-sm-offset-0 col-sm-0" href="https://deloitte.com/" target="_blank"><img class="logo" src="./assets/sponsors/deloitte.svg" alt="Deloitte"></a>
<a class="col-sm-offset-0 col-sm-0" href="https://workiva.com/" target="_blank"><img class="logo" src="./assets/sponsors/workiva.png" alt="Workiva"></a>
</div>
</div>
<div class="row sponsor-row">
<div class="comet" style="size:50%;">
<a class="col-sm-offset-0 col-sm-0" href="http://hackp.ac/mlh-stickermule-hackathons" target="_blank"><img class="logo" src="./assets/sponsors/sticker-mule.svg" alt="Sticker Mule"></a>
<a class="col-sm-offset-0 col-sm-0" href="https://gen.xyz/" target="_blank"><img class="logo" src="./assets/sponsors/xyz.svg" alt=".xyz"></a>
</div>
</div>
<br/>
<p class="plain" style="text-align: center;">
Thank you so much to our sponsors who help make sunhacks possible! <br/>Interested in sponsoring? Please email <a href="mailto:[email protected]">[email protected]</a>
</p>
</section>
</main>
</div>
<footer>
<div class="container">
<div class="row social">
<a href="https://www.facebook.com/sunhacksofficial/" target="_blank"><i class="fa fa-facebook-square"></i></a>
<a href="https://twitter.com/sun_hacks" target="_blank"><i class="fa fa-twitter"></i></a>
<a target="_blank" href="https://www.instagram.com/sunhacksofficial/"><i class="fa fa-instagram"></i></a>
<a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a>
</div>
<p class="footer-text">Made with <a href="https://github.com/sun-hacks" class="footer-heart">♥</a> by the sunhacks team</p>
</div>
</footer>
<script src="./js/jquery.min.js"></script>
<script src="./js/jquery.easing.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/navbar.js"></script>
<script src="./js/scripts.js"></script>
</body>
</html>