forked from bitcamp/bitcamp-site-2018
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
386 lines (363 loc) · 16.3 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bitcamp 2018</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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="./css/main.css">
</head>
<body>
<a id="mlh-trust-badge" href="https://mlh.io/seasons/na-2018/events?utm_source=na-2018&utm_medium=TrustBadge&utm_campaign=na-2018&utm_content=black" target="_blank">
<img src="./img/mlh-trust-badge-bitcamp-dark-brown.svg" alt="Major League Hacking 2017 Hackathon Season" style="width:100%"></a>
<article class="hero">
<section class="top">
<div class="links d-md-none">
<a href="/" class="bp-btn brown">Menu</a>
</div>
<div class="links d-none d-sm-none d-md-block">
<a href="/" class="bp-btn brown">Home</a>
<a href="/colorwar" class="bp-btn brown ">Colorwar</a>
<a href="#" class="bp-btn blue ">Register</a>
<a href="#" class="bp-btn orange ">Login</a>
</div>
</section>
<div class="content">
<div class="logo-box">
<img class="fire" src="./img/fire.gif" alt="">
<img class="logo" src="./img/logo_no_fire.svg" alt="">
</div>
<h1>Mark Your Trail</h1>
<p>
April 6-8th, 2018<br>
Xfinity Center<br>
University of Maryland
</p>
<a href="#" class="bp-btn blue lg">Register</a>
<a href="#" class="bp-btn orange lg">Login</a>
</div>
</article>
<article class="intro dark">
<div class="container">
<div class="row">
<div class="col-md-5">
<h2>What is Bitcamp?</h2>
<p>
Bitcamp is a place for exploration. You will have 36 hours to delve into your curiosities, learn something new, and make something awesome. With world-class mentors and 1,200+ fellow campers, you're in for an amazing time. Whether you’re a seasoned hacker or completely new to the world of hacking, we’ll have something for you. If you're ready for an adventure, see you by the fire!
</p>
</div>
<div class="col-md-7">
</div>
</div>
</div>
</article>
<div class="separator dark-sky"></div>
<article class="trails medium">
<img class="trail left" src="img/trail.png" alt="">
<div class="container">
<div class="text-center">
<h2>Explore Our New Trails</h2>
<h3>
Participate in Bitcamp this year as a hacker, designer, venturist, or scouter.
</h3>
</div>
<div class="row">
<div class="col-content col-md-3 col-sm-6">
<img class="icon" src="img/icons/desktop.png" alt="">
<h4>Hacker Trail</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class="col-content col-md-3 col-sm-6">
<img class="icon" src="img/icons/eraser.png" alt="">
<h4>Design Trail</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class="col-content col-md-3 col-sm-6">
<img class="icon" src="img/icons/mug.png" alt="">
<h4>Venture Trail</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class="col-content col-md-3 col-sm-6">
<img class="icon" src="img/icons/cookie.png" alt="">
<h4>Scout Trail</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div>
</article>
<div class="separator light-sky"></div>
<article class="colorwar dark">
<img class="trail right" src="img/trail.png" alt="">
<div class="container text-center">
<div class="row">
<div class="col-md-8 offset-md-2">
<img class="icon" src="img/icons/colorwar_logo.png" alt="">
<h2>Are You Ready for Colorwar?</h2>
<p>
Text that explains what Colorwar is, who's elgible to participate, what you can win. Basically some text to pitch colorwar to people who have no idea what this is. Basically some text to pitch colorwar to people who have no idea what this is. Basically some text to pitch colorwar to people who have no idea what this is.
</p>
<div class="btn-container">
<a href="/colorwar" class="bp-btn orange ">Learn More →</a>
</div>
</div>
</div>
</div>
</article>
<div class="separator dark-sky"></div>
<article class="schedule medium">
<img class="trail left" src="img/trail.png" alt="">
<div class="container text-center">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-md-12 col-12">
<h2>Schedule</h2>
<p>
Talk about why you should get the mobile app and convince peopel to download it for their mobile devices with enticing lingo.
</p>
<a href="#" class="bp-btn orange ">Get for iOS</a>
<a href="#" class="bp-btn orange ">Get for Android</a>
<table class="schedule-table">
<tr>
<th colspan="3">
<h4>Sunday, April 8th</h4>
</th>
</tr>
<tr>
<th>TIME</th>
<th>EVENT</th>
<th>LOCATION</th>
</tr>
<tr>
<td>12:00PM</td>
<td>This is all Fake Data</td>
<td>Third Floor Lobby (3700)</td>
</tr>
<tr>
<td>8:30 PM</td>
<td>Opening Ceremony</td>
<td>Campgrounds</td>
</tr>
<tr>
<td>10:00 PM</td>
<td>Hacking Starts</td>
<td>Campgrounds</td>
</tr>
<tr>
<td>10:00 PM</td>
<td>Hackathon 101 Workshop</td>
<td>Campfire</td>
</tr>
<tr>
<td>10:00 PM</td>
<td>Dessert</td>
<td>Canteen</td>
</tr>
<tr>
<td>10:30 PM</td>
<td>Team Formation</td>
<td>Campfire</td>
</tr>
<tr>
<td>11:00 PM</td>
<td>Make School iOS Workshop</td>
<td>Cabin</td>
</tr>
<tr>
<th colspan="3">
<h4>Sunday, April 7th</h4>
</th>
</tr>
<tr>
<th>TIME</th>
<th>EVENT</th>
<th>LOCATION</th>
</tr>
<tr>
<td>8:30 PM</td>
<td>Opening Ceremony</td>
<td>Campgrounds</td>
</tr>
<tr>
<td>10:00 PM</td>
<td>Hacking Starts</td>
<td>Campgrounds</td>
</tr>
<tr>
<td>10:00 PM</td>
<td>Hackathon 101 Workshop</td>
<td>Campfire</td>
</tr>
<tr>
<td>10:00 PM</td>
<td>Dessert</td>
<td>Canteen</td>
</tr>
<tr>
<td>10:30 PM</td>
<td>Team Formation</td>
<td>Campfire</td>
</tr>
<tr>
<td>11:00 PM</td>
<td>Make School iOS Workshop</td>
<td>Cabin</td>
</tr>
<tr>
<td>12:00 AM</td>
<td>S'mores</td>
<td>Dock</td>
</tr>
<tr>
<td>12:30 AM</td>
<td>LTS Workshop (SSH Tunneling)</td>
<td>Cabin</td>
</tr>
<tr>
<td>12:30 AM</td>
<td>Family Feud</td>
<td>Cabin</td>
</tr>
<tr>
<th colspan="3">
<h4>Sunday, April 8th</h4>
</th>
</tr>
<tr>
<th>TIME</th>
<th>EVENT</th>
<th>LOCATION</th>
</tr>
<tr>
<td>8:30 PM</td>
<td>Opening Ceremony</td>
<td>Campgrounds</td>
</tr>
<tr>
<td>10:00 PM</td>
<td>Hacking Starts</td>
<td>Campgrounds</td>
</tr>
</table>
</div>
</div>
</div>
</article>
<div class="separator light-sky"></div>
<article class="faq dark">
<img class="trail right" src="img/trail.png" alt="">
<div class="container">
<div class="text-center">
<h2>FAQ</h2>
</div>
<div class="row">
<div class="col-md-6">
<h5>What is Bitcamp?</h5>
<p>
Bitcamp is a place for exploration. We’re a hackathon that values participant experience and mentorship over competitiveness and points. Come to have fun with your friends, learn something new, eat s’mores, and have a generally awesome time. We have all sorts of crazy activities planned for you...come find out the rest!
</p>
<h5>What’s a hackathon?</h5>
<p>
A hackathon is a creative coding marathon. Students are encouraged to come with an idea, form teams, and then build out that idea into a product in 36 hours. For Bitcamp, we want you to take something you love (sports! art! camping!) and combine it with technology to make something awesome. It's a great time to push the envelope and learn some new skills.
</p>
<h5>Who can apply?</h5>
<p>
Anyone over the age of 18 can apply.
<br><br>
Unfortunately, minors will not be able to register this year. However, as a part of our new Minors Programs, we will be partnering with various high schools to bring five teams of high school students to Bitcamp.
</p>
<h5>Travel</h5>
<p>
We'll have buses covering your hike from many colleges. If there are many registered campers from one specific college, we will most likely have a bus for it. We will be reimbursing any individual’s hiking expenses on a case-by-case basis. Please contact <a href="mailto:[email protected]">[email protected]</a> for more information.
</p>
<h5>Timing</h5>
<p>
Participants will arrive between 6PM and 8PM on Friday, April 6th. Dinner will be served at 7PM. Our Sponsor Fair will also be at 7PM, where you can spend time going around and check out our different sponsors booth. Hacking starts April 7, 2018. Closing ceremony will be at 3PM on Sunday.
<br><br>
For more details, download the Bitcamp app for <a href="#">iOS</a> and <a href="https://play.google.com/store/apps/details?id=com.bitcampapp&hl=en">Android</a>.
<!-- TODO add link to app -->
</p>
<h5>What if I have no experience or ideas?</h5>
<p>
Don't be afraid if you don't think you have enough experience, a team, or an idea. Everyone has a first hackathon, and we would love for Bitcamp to be yours! Mentors who are well-versed in a variety of topics will be there to help you, whether it be finding a team, fleshing out an idea, or just figuring out where to begin.
</p>
</div>
<div class="col-md-6">
<h5>Location</h5>
<p>
Bitcamp will take place at the Xfinity Center on the University of Maryland campus!
</p>
<h5>Packing List</h5>
<p>
Bring yourself, a photo ID, your signed waiver (if applicable), a change of clothes, toiletries, a sleeping bag/blanket, your hacker setup (laptop, charger, headphones, tablet for designers), and maybe an idea or two!
</p>
<h5>Teams</h5>
<p>
Projects are submitted by teams to DevPost. You don't need to finalize your team until project submissions are due during the event. You may work individually or in a team of up to four campers. Don’t have a team in mind? No problem! The beginning of the hackathon will kick-off with a team formation event.
</p>
<h5>Guidelines</h5>
<p>
Don't bring any firearms, knives, weapons, drugs, or alcohol. Don't use an old project. Start a new trail instead! Please read our Code of Conduct. Organizers will enforce this code throughout the event. We are expecting cooperation from all participants to help ensure a safe environment for everybody (TL:DR be nice). Click <a href="#">here</a> for our code of conduct.
<!-- TODO LINK TO CODE -->
</p>
<h5>What have people made before?</h5>
<p>
From Augmented Reality Human-Scale Pong to an actual hack of Google’s reCaptcha system to ____TODO____, the projects at Bitcamp span across all categories and interests. You can check out all of the amazing submissions at the Bitcamp 2017 <a href="#">Devpost</a>!
<!-- TODO ADD LINK -->
</p>
<h5>What is Slack?</h5>
<p>
New to Slack? Click <a href="https://docs.google.com/presentation/d/1rLijx3npVBSLCfxYSGzmBF8Q6B_NQkkPMlmPhUM4BFQ/edit#slide=id.g2f89ed3a1a_0_25">here</a> for an introduction!
</p>
<h5>What is Devpost?</h5>
<p>
New to Devpost? Click <a href="https://docs.google.com/presentation/d/1rLijx3npVBSLCfxYSGzmBF8Q6B_NQkkPMlmPhUM4BFQ/edit#slide=id.g2e3ac65a77_0_35">here</a> for an introduction!
</p>
<h5>Other questions?</h5>
<p>TODO THIS SECTION NEEDS TEXT</p>
</div>
</div>
</article>
<div class="separator dark-sky"></div>
<article class="sponsors medium">
<img class="trail left" src="img/trail.png" alt="">
<div class="container">
<div class="text-center">
<h2>Sponsors</h2>
<h3>Interested in sponsoring us? Send us an email at <a href="mailto:[email protected]">[email protected]</a>!</h3>
</div>
</div>
</article>
<div class="separator light-sky"></div>
<article class="footer dark">
<img class="trail right" src="img/trail.png" alt="">
<div class="container">
<div class="text-center">
<h2>Feel free to <a href="#">email</a> or tweet us <a href="#">@bitcmp</a></h2>
<!-- TODO turn these into good links -->
<div class="social-icons">
<a href="#">
<img class="icon" src="img/icons/fb2.svg" alt="">
</a>
<a href="#">
<img class="icon" src="img/icons/insta2.svg" alt="">
</a>
<a href="#">
<img class="icon" src="img/icons/snap2.svg" alt="">
</a>
<a href="#">
<img class="icon" src="img/icons/twt2.svg" alt="">
</a>
</div>
<p>© Copyright 2018 Bitcamp</p>
</div>
</div>
</article>
</body>
</html>