-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathmobile.html
More file actions
345 lines (314 loc) · 23.7 KB
/
mobile.html
File metadata and controls
345 lines (314 loc) · 23.7 KB
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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>
<!-- <link rel="shortcut icon" href="assets/images/icons/favicon.ico"> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/g/semantic-ui@2.2.1(components/reset.min.css+components/grid.min.css+semantic.min.css)">
<link href="https://fonts.googleapis.com/css?family=Karla|Poppins:400,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/app.css">
<title>HACKTREC 2k17</title>
</head>
<body>
<span id="splash">
<header>
<div class="left"><h1 class="mobile-only brand">MIT</h1></div>
<div class="mid"></div>
<div class="right"></div>
</header>
<div class="mobile-only mobile-dates">
<h3 class="light days">3 DAYS REMAINING</h3>
<h3>November 1-2 2017</h3>
</div>
<div class="desktop-only fire-container" id="stuff">
<video autoplay loop src="assets/video/fire.webm" class="fire-video"></video>
</div>
<div class="fixed-view">
<div class="top">
<div class="desktop-only lead middle aligned content">
<h3 class="light days">3 DAYS REMAINING</h3>
<h3>November 1-2 2017</h3>
<h1 class="brand">ABES</h1>
<!-- <p>It is the year MMXVII. 1000 hackers gather at the Massachusetts Institute of Technology for its annual undergraduate student hackathon.</p> -->
<p>They represent the <span class="red">Red Faction</span> and the <span class="blue">Blue Faction</span>. But over 24 hours, they will work together to envision and develop the technology of tomorrow.</p>
</div>
<a class="spinner middle aligned content" href="#!" draggable="false">
<div class="spinner-container">
<img id="outer-spinner" src="assets/images/outer-spinner.svg" draggable="false"/>
<object data="assets/images/spinner.svg" type="image/svg+xml" id="spinner"
width="100%" height="100%"></object>
</div>
</a>
<div class="controls middle aligned content">
<ul>
<li id="register-section">
<a class="back-button small blue round button" href="#!"><i class="back"></i></a>
<a class="compact-button small round button" href="#register"><i class="plus"></i></a>
<a class="primary-button round button" href="#register"><i class="plus"></i>REGISTER</a>
<section class="content">
<h5>Apply for HackMIT by July 31st!</h5>
<a href="//my.hackmit.org" class="hexagon button" id="register-button">REGISTER</a>
</section>
</li>
<li id="faq-section">
<a class="back-button small blue round button" href="#!"><i class="back"></i></a>
<a class="compact-button small round button" href="#faq"><i class="faq"></i></a>
<a class="primary-button round button" href="#faq"><i class="faq"></i>FAQ</a>
<section class="content">
<div>
<h4 class="question">
Can I attend?
</h4>
<p class="answer">
IF (you are an MIT undergraduate) OR (you are an MIT M.Eng student) OR ((you are a college undergraduate) AND (you are at least 18 years old)) RETURN "Yes!"
</p>
</div>
<div>
<h4 class="question">
How does registration work?
</h4>
<p class="answer">
Registration is open until July 31st, 11:59 pm EST! Admissions will be based on a weighted random lottery along with selected application reading and will be done in two waves. If you’re accepted, you’ll have a week to confirm your attendance.
</p>
</div>
<div>
<h4 class="question">
Does this cost money?
</h4>
<p class="answer">
Nope! Admission is free and includes meals, drinks, snacks, overnight hosting, workshops, swag, and a memorable experience (if we do say so ourselves)!
</p>
</div>
<div>
<h4 class="question">
What will I eat?
</h4>
<p class="answer">
We’ll provide food for all meals from Saturday’s breakfast to Sunday’s lunch. If you have dietary restrictions, we’ll try our best to accommodate them. Of course, we’ll also have an abundance of snacks throughout the hacking period.
</p>
</div>
<div>
<h4 class="question">
Where will I sleep?
</h4>
<p class="answer">
Hacking all night is fun, but you can also get some rest when you need it! If you indicate in your confirmation form, we can match you with an MIT student who will provide places to sleep and shower. 😴😴😴
</p>
</div>
<div>
<h4 class="question">
How do I get there?
</h4>
<p class="answer">
If you’re travelling more than 30 miles to MIT, we’ll reimburse your travel, as long as you upload your travel receipts upon confirming your attendance. We reimburse up to $200 for travel within the U.S. and from Canada and Mexico and up to $500 for other international travel. We also provide buses free of charge to select East Coast cities. See your registration dashboard for the latest details about reimbursements and busing!
</p>
</div>
<div>
<h4 class="question">
What should I bring?
</h4>
<p class="answer">
Bring a valid student ID and government-issued ID for admission and a laptop for hacking. We’ll provide pretty much everything else—air mattresses, toiletries, stickers, snacks, sponsor swag, and more! If you like to be comfy, you can bring a blanket, pillow, and towel.
</p>
</div>
<div>
<h4 class="question">
How do teams work?
</h4>
<p class="answer">
Teams are at most 4 people. You can select teammates when you register, or you can register individually without specified teammates. We’ll run the lottery by teams, so rest assured you’ll be able to hack with your friends if that’s what you prefer!
</p>
</div>
<div>
<h4 class="question">
What if I don’t have a team?
</h4>
<p class="answer">
If you don’t have a team now, that’s okay! We’ll have team formation and ideation events geared towards helping you find people to work with.
</p>
</div>
<div>
<h4 class="question">
What if I’m an MIT student?
</h4>
<p class="answer">
If you register by July 30th and confirm by August 12th, you will be guaranteed a spot at HackMIT. Otherwise, you can try for walk-in admission the day of the event.
</p>
</div>
<div>
<h4 class="question">
On a team with MIT and non-MIT hackers, are the non-MIT hackers automatically admitted?
</h4>
<p class="answer">
No. The MIT students will be guaranteed a spot at HackMIT, while the rest of the team will be admitted as a unit via our admission process.
</p>
</div>
<div>
<h4 class="question">
What about hardware hacks?
</h4>
<p class="answer">
We’ll provide some hardware such as Arduinos, Pebbles, Myos—the usual hacker essentials and more. Let us know what you’d like to hack on in our registration form.
</p>
</div>
<div>
<h4 class="question">
Where’s the schedule?
</h4>
<p class="answer">
We’ll release a more detailed schedule after July. For now, know that we’re planning for check-in to start Saturday at 8 am and for closing ceremony to end Sunday at 4 pm.
</p>
</div>
<div>
<h4 class="question">
What are factions?
</h4>
<p class="answer">
We created factions to encourage hackers to have fun and interact with each other outside of normal teams when you’re not working on your projects. The Red Faction and Blue Faction are hackathon-wide groups that collectively complete challenges at HackMIT 2017 for points. The faction with the most points will win and get a surprise upon the conclusion of the hackathon.
</p>
</div>
<div>
<h4 class="question">
How do I choose a faction?
</h4>
<p class="answer">
You can choose your faction when you register and confirm your spot!
</p>
</div>
<div>
<h4 class="question">
Can team members belong to different factions?
</h4>
<p class="answer">
Yes, factions do not limit your forming of individual teams.
</p>
</div>
<div>
<h4 class="question">
Is there an admissions puzzle again?
</h4>
<p class="answer">
༼つ ◕_◕ ༽つ ༼つ ◕_◕ ༽つ ༼つ ◕_◕ ༽つ
</p>
</div>
<div>
<h4 class="question">
What if this FAQ didn’t answer my questions?
</h4>
<p class="answer">
Please email us at <a href="mailto:team@hackmit.org">team@hackmit.org</a> if you’re in any way confused or concerned! We’d love to help you out :)
</p>
</div>
</section>
</li>
<li id="speakers-section">
<a class="back-button small blue round button" href="#!"><i class="back"></i></a>
<a class="compact-button small round button" href="#speakers"><i class="speakers"></i></a>
<a class="primary-button round button" href="#speakers"><i class="speakers"></i>SPEAKERS</a>
<div class="above-right-wrapper">
<div class="above">
<section class="content">
Speakers from our sponsors will present on topics ranging from technology to the development of professional skills. A detailed schedule of talks will be sent to hackers.
</section>
</div>
<div class="right">
<section class="content">
<h2>KEYNOTE SPEAKERS</h2>
<div class="speaker">
<img src="assets/images/speakers/steve.jpg">
<div class="info">
<h1>Steve Huffman</h1>
<h5>Cofounder & CEO of Reddit</h5>
</div>
</div>
<p>Steve Huffman is CEO and co-founder of Reddit. For Steve, the love of programming was instantaneous—and everlasting. A native of Virginia, programming has been the only consistent hobby he’s had. Steve turned his passion into a career as co-founder of Reddit and the co-founder of Hipmunk. In these roles, he’s had the opportunity to do what he loves while also creating companies that have changed the way people use the Internet.</p>
<div class="speaker blue">
<img src="assets/images/speakers/kyle.jpg">
<div class="info">
<h1>Kyle Vogt</h1>
<h5>Founder & CEO of Cruise</h5>
</div>
</div>
<p>Kyle Vogt is the CEO and founder of Cruise Automation, the driverless car startup that was acquired for roughly $1 billion by GM in 2016. An engineer at heart, Kyle’s interest in self-driving technology can be traced back to his time at MIT. As an undergrad, he worked on the 2005 DARPA Grand Challenge, where he co-led a team to retrofit a truck to drive across the Nevada desert. Kyle’s entrepreneurial track record extends beyond Cruise - he also co-founded Twitch (acquired by Amazon), Socialcam (acquired by Autodesk), and Justin.tv - but his life passion is to deploy self-driving cars at scale in order to make automobile accidents a thing of the past. A native of Kansas City, he currently resides in San Francisco with his wife Tracy and his dog, Charlie.</p>
<h2>FIRESIDE CHAT SPEAKERS</h2>
<div class="speaker">
<img src="assets/images/speakers/austin.jpg">
<div class="info">
<h1>Austin McChord</h1>
<h5>Founder & CEO of Datto</h5>
</div>
</div>
<p>Austin McChord is the Founder and CEO of Datto, the innovative provider of total data protection solutions serving small to mid-sized businesses via Managed Services Providers. As Datto's chief innovator, Austin’s vision has resulted in thousands of Datto partners protecting mission critical data on behalf of tens of thousands of businesses across the globe. Through Austin’s leadership, Datto has experienced unprecedented growth. Largely self-funded and profitable, Datto has grown to more than 800 plus employees since Austin founded the company in 2007. Austin is a frequently recognized entrepreneur who was named an Ernst & Young Technology Entrepreneur of the Year in 2016 and to the Forbes 30 under 30 in 2015. He has a degree in Bioinformatics from Rochester Institute of Technology, and holds several patents.</p>
<div class="speaker blue">
<img src="assets/images/speakers/limor.jpg">
<div class="info">
<h1>Limor Fried</h1>
<h5>Founder & CEO of Adafruit</h5>
</div>
</div>
<p>Ladyada is the hacker @ Adafruit, founded in 2005 by MIT hacker & engineer Limor “Ladyada” Fried. Her goal was to create the best place online for learning electronics and making the best designed products for makers of all ages and skill levels. Adafruit has grown to over 100+ employees in the heart of NYC with a 50,000+ sq ft. factory. Adafruit has expanded offerings to include tools, equipment and electronics that Limor personally selects, tests and approves before going in to the Adafruit store. Limor was the first female engineer on the cover of WIRED magazine, and was awarded Entrepreneur magazine’s Entrepreneur of the Year. Ladyada was a founding member of the NYC Industrial Business Advisory Council. Adafruit is ranked #11 in the top 20 USA manufacturing companies and #1 in New York City by Inc. 5000 “fastest growing private companies”. Adafruit is featured in Google’s Economic Impact Report. Limor was named a White House Champion of Change in 2016. In June Limor was on the cover of MAKE Magazine. Adafruit is a 100% woman-owned company.</p>
<div class="speaker">
<img src="assets/images/speakers/maria.jpg">
<div class="info">
<h1>Maria Latushkin</h1>
<h5>CTO of Narvar</h5>
</div>
</div>
<p>As Chief Technology Officer at Narvar, Maria Latushkin is responsible for leading the company's technology vision and team. Maria joined Narvar with more than 17 years of experience in eCommerce and retail. Most recently Maria evolved and expanded the technology teams at One Kings Lane and Peet’s Coffee and Tea. Prior to that she spent nine years at Walmart.com developing numerous areas in engineering integral to the company's growth and scale in eCommerce.</p>
<div class="speaker blue">
<img src="assets/images/speakers/poulomi.jpg">
<div class="info">
<h1>Poulomi Damany</h1>
<h5>VP of Data Products at Credit Karma</h5>
</div>
</div>
<p>Poulomi Damany is an immigrant, entrepreneur, and engineer with 15+ years of experience in data-driven consumer products from Yahoo!, Symantec and as a founding team member of 2 startups. In 2016, she joined the U.S. Digital Service (USDS), a startup at the White House formed from the reboot of Healthcare.gov. USDS brings techies into public service to improve our government's most important services, like helping veterans get health benefits or modernizing the immigration system. The experience left her with a resolve to only work on tech & products that genuinely made peoples' live better. She found that mission at Credit Karma, a consumer fin-tech company in San Francisco, that helps 75 million consumers make sense of and progress in their financial lives. She currently serves as Credit Karma's Vice President of Data Products.</p>
</section>
</div>
</div>
</li>
<li id="sponsors-section">
<a class="back-button small blue round button" href="#!"><i class="back"></i></a>
<a class="compact-button small round button" href="#sponsors"><i class="sponsors"></i></a>
<a class="primary-button round button" href="#sponsors"><i class="sponsors"></i>SPONSORS</a>
<div class="above">
<section class="content">
If you are interested in sponsoring HackMIT 2017, <a href="mailto:sponsor@hackmit.org">email us</a> for more details!
</section>
</div>
<div class="right">
<section class="content">
<a href="https://www.a16z.com" style="background-image: url('/assets/logos/a16z-logo.png')" class="logo platinum"></a>
</section>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="mobile-only scrolling-view">
<div class="lead-bottom">
<p>It is the year MMXVII. 1000 hackers gather at the Massachusetts Institute of Technology for its annual undergraduate student hackathon.</p>
<p>They represent <span class="red">Red Faction</span> and <span class="blue">Blue Faction</span>. But over 24 hours, they will work together to envision and develop the technology of tomorrow.</p>
</div>
</div>
<footer>
<div class="left"></div>
<div class="mid"></div>
<div class="right">
<ul class="social">
<li><a href="mailto:team@hackmit.org"><i class="mail"></i></a></li>
<li><a href="https://twitter.com/hackmit"><i class="twitter"></i></a></li>
<li><a href="https://www.facebook.com/HackMIT"><i class="facebook"></i></a></li>
<li><a href="https://www.instagram.com/hackmit/"><i class="instagram"></i></a></li>
<li><a href="https://medium.com/hackmit-stories"><i class="medium"></i></a></li>
</ul>
</div>
</footer>
</span>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/zepto-fx.js"></script>
<script type="text/javascript" src="js/video.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>