-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
executable file
·424 lines (362 loc) · 21.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
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Berlin Geekettes Hackathon</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Berlin Geekettes, Hackathon, All-Women Hackathon">
<meta name="author" content="Berlin Geekettes">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<!-- GOOGLE FONT VARELA -->
<link href='http://fonts.googleapis.com/css?family=Varela' media="screen" rel='stylesheet' type='text/css'>
<!-- GOOGLE OPEN SANS -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' media="screen" rel="stylesheet" type="text/css">
<!-- EDITABLE STYLE SHEET -->
<link href="css/style.css" rel="stylesheet" type="text/css">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-target="#navBarScrolling" data-offset="10">
<!-- The Wrapper contains everything -->
<div id="wrapper">
<div id="navBarScrolling" class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">BG Hackathon</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#attend" class="smoothScroll">Attend</a></li>
<li><a href="#schedule" class="smoothScroll">Schedule</a></li>
<li><a href="#who" class="smoothScroll">Who</a></li>
<li><a href="#apis" class="smoothScroll">APIs</a></li>
<li><a href="#prizes" class="smoothScroll">Prizes</a></li>
<li><a href="#venue" class="smoothScroll">Venue</a></li>
<li><a href="#contact" class="smoothScroll">Contact</a></li>
<li><a href="#sponsors" class="smoothScroll">Sponsors</a></li>
</ul>
</div><!--/.nav-collapse -->
</div> <!--/.container -->
</div><!--/.navbar-inner -->
</div><!--/.navbar navbar-inverse navbar-fixed-top -->
<div class="container">
<!-- Main Hero for the Hackathon Illustration & Register Part -->
<div class="hero-unit" id="attend">
<img src="img/BerlinGeekettes_Logo.png" style="display: block; max-height: 180px; max-width: 75%; margin: 0 auto" alt="Logo of the Berlin Geekettes" title="Berlin Geekettes">
<h1> <span class="bg-bracket"><</span> Berlin Geekettes Hackathon <span class="bg-bracket">></span> </h1>
<p>October 11th, 12th and 13th - 2013</p>
<div class="span4 offset3">
<a href="https://docs.google.com/forms/d/1IzqlUsCdhtLUVfx48WMrDd5Z-9digj8Chm0bnf0o24M/viewform" class="btn btn-large btn-block" type="button">Apply to the Hackathon!</a>
</div>
</div><!--/.hero-unit-->
<!-- Home, the Hackathon explained -->
<div class="row" id="first-section">
<div class="span12 header-section">
<h2>Hello Geekettes!</h2>
<p class="text-centered">Ready to hack?</p>
<p class="span8 offset2 intro-text text-centered">Members of the Berlin & Hamburg Geekettes organization have joined together to create a hackathon like no other. This October, we will host the next all-women hackathon partnered with Coca-Cola.</p>
</div>
<article class="span4">
<div class="circle">clockwise</div>
<h3 class="text-centered">Hack Over <span class="yellow-bg">2 Days</span></h3>
<p>On Saturday, we will commence a 24 hour hackathon and bring everything to a close on Sunday afternoon– sleep is optional ;) We will conclude the hackathon with demos and award winning teams with stellar prizes from all our lovely sponsors. Our weekend kicks off Friday evening with the Hackathon Prep School for participants who want primers on technical and design topics.</p>
</article>
<article class="span4">
<div class="circle">apple</div>
<h3 class="text-centered"><span class="yellow-bg">Real Food,</span> not Junk Food</h3>
<p>How will you survive an all nighter of building, coding, and designing? With the right fuel & energy for your body! We’ll be providing <span class="yellow-bg">healthy and tasty</span> snacks and meals to keep your mind, body, soul balanced while hacking. Harmony is everything, especially when you’re busy coding.</p>
</article>
<article class="span4">
<div class="circle">yoga</div>
<h3 class="text-centered">Relaxation and Exercises</h3>
<p>It’s important to take a break every once in a while. Or maybe you just need to walk away from your work and exercise another part of your brain. We’ll have a designated relaxing area and a coach to help you stretch your muscles and reboot your body and mind. You’ll be needing the extra energy and focus for day 2, so make sure to pace yourself and remember to take a moment to breathe in and exhale. Namaste.</p>
</article>
</div>
<hr>
<div class="row" id="second-section">
<article class="span6">
<div class="pika-icon-section">lightbulbon</div>
<h3 class="text-centered"><span class="yellow-bg">All Hacks</span> Accepted</h3>
<p>We know most of you will participate in software hacks, but we also welcome hardware hacks and any other category you think of. We’re ready to build a product and work on a project for 24 hours surrounded by like-minded people. Programmers, designers and individuals with lots of great ideas are encouraged to apply.</p>
<p class="text-centered"><span class="yellow-bg">This is your chance.</span></p>
</article>
<article class="span6">
<div class="pika-icon-section">compose</div>
<h3 class="text-centered">Our Application Process</h3>
<p>We want
everyone to be successful, and for that reason, we need a nice blend of skills and talent.
Everybody who wants to attend will be considered, but to ensure a good balance of people,
we first review every applicant's profile.</p>
</article>
</div>
<hr>
<!-- Schedule -->
<div class="row" id="schedule" >
<div class="span12 header-section">
<p class="pika-icon-section">calendar</p>
<h2>Schedule</h2>
</div>
<article class="span4">
<h3>Friday - October 11th, 2013</h3>
<p class="hours">7 pm - 10 pm</p>
<p><span class="yellow-bg">Hackathon Prep School</span><br><span class="yellow-bg">powered by the SoundCloud Women Devs</span></p>
<p>Including a hands-on introduction to “How to work with APIs”.</p>
<p>Experts in the domains you have asked us to cover will also be available to discuss these in details with you on the Friday evening of October 11th.</p>
<p><strong>No overnight stays at the venue on Friday night!</strong> If you are traveling from out of town, let us know and we’ll try to hook you up with a local who can offer a place to let you crash.</p>
</article>
<article class="span4">
<h3>Saturday - October 12th, 2013</h3>
<p class="hours">9 am</p>
<p>Breakfast + Welcome Message from the Berlin Geekettes</p>
<p class="hours">10 am - 10:30 a.m.</p>
<p>Presentation on “What is a hackathon and what to expect from it”</p>
<p class="hours">10:30 am - 11:30 am</p>
<p>API Presentations</p>
<p class="hours">11:30 am - Noon</p>
<p>Pitch your idea</p>
<p class="hours">Noon</p>
<p>Lunch</p>
<p class="hours">1 pm</p>
<p> <span class="yellow-bg">Start Hacking!</span></p>
<p class="hours">7 pm</p>
<p>Dinner</p>
<p><strong>Participants can stay overnight at the venue.</strong> Bring your toothbrush, a sleeping bag and a pillow! Our sponsors will provide soft and energy drinks, water, apple spritzer, coffee, tea and food for those who like to hack into the late hours of the night.</p>
</article>
<article class="span4">
<h3>Sunday - October 13th, 2013</h3>
<p class="hours">9 am</p>
<p>Breakfast</p>
<p class="hours">12:30 pm</p>
<p>Lunch</p>
<p class="hours">1:30 pm</p>
<p>Hack Submissions Are Due</p>
<p class="hours">1:30 pm - 2:30 pm</p>
<p>Prepare Presentations</p>
<p class="hours">2:30 pm</p>
<p><span class="yellow-bg">Demo Your Work</span></p>
<p class="hours">4:30 pm</p>
<p>Voting!</p>
<p class="hours">5 pm</p>
<p><span class="yellow-bg">Prizes!</span></p>
</article>
</div>
<hr>
<!-- Who's gonna be there -->
<div class="row" id="who">
<div class="span12 header-section">
<p class="pika-icon-section">usergroup</p>
<h2>Who’s Gonna Be There?</h2>
</div>
<article class="span4">
<h3 class="text-centered">API Representatives</h3>
<p>If you’ve used APIs before, you know that the most time consuming part is reading the documentation, or getting authorization keys. That’s why we have experts on site who know their APIs and will lend you a hand when you’re busy hacking.</p>
</article>
<article class="span4">
<h3 class="text-centered">SoundCloud Women Devs</h3>
<p>Meet Emily Green, Diana Kimball and Tiffany Conroy, and Duana Stanley, who helped organize this event.</p>
<p><img src="img/sc-women.jpg" style="width: 100%; max-width: 500px;" alt="Photo of the SoundCloud’s women devs" title="SoundCloud’s women devs"></p>
</article>
<article class="span4">
<h3 class="text-centered">You!</h3>
<p>A Hackathon needs Hackathoners! It’s free and it’s going to be AWESOME. Want to join us?</p>
<p><a class="btn" href="https://docs.google.com/forms/d/1IzqlUsCdhtLUVfx48WMrDd5Z-9digj8Chm0bnf0o24M/viewform">Apply here!</a></p>
<hr>
<h4 class="text-centered">Non-Hacker Attendees</h4>
<p>You can also attend as a <strong>Domain Expert</strong> and support our hackers throughout the weekend. Apply above and tell us your areas of expertise.</p>
<p>The public is welcome to attend the demos and cheer people on. Please register <a href="https://geeketteshackguest.eventbrite.com/" target="_blank">here</a>for free to attend as guest.</p>
</article>
<div class="row-img">
<article class="span12">
<h3 class="text-centered">Berlin Geekettes Team & Volunteers</h3>
</article>
</article>
<article class="span2 offset1">
<p><img src="img/bg_jess.jpg" class="img-circle" alt="Photo of Jessica Erickson, Founder" title="Berlin Geekettes Founder" style="width: 100%; max-width: 200px; margin: 0 auto;"></p>
<p class="text-centered smaller"><a href="http://twitter.com/Jessjerickson" target="_blank">@jessjerickson</a></p>
</article>
<article class="span2">
<p><img src="img/bg_denise.jpg" class="img-circle" alt="Photo of Denise Philipp, Co-Founder" title="Berlin Geekettes Co-Founder" style="width: 100%; max-width: 200px; margin: 0 auto;"></p>
<p class="text-centered smaller"><a href="http://twitter.com/denisephilipp" target="_blank">@denisephilipp</a></p>
</article>
<article class="span2">
<p><img src="img/bg_amelie.jpg" class="img-circle" alt="Photo of Amélie Anglade, Tech Ambassador" title="Berlin Geekettes Tech Ambassador"style="width: 100%; max-width: 200px;"></p>
<p class="text-centered smaller"><a href="http://twitter.com/utstikkar" target="_blank">@utstikkar</a></p>
</article>
<article class="span2">
<p><img src="img/bg_lisa.jpg" class="img-circle" alt="Photo of Lisa Lang, Evangelista" title="Berlin Geekettes Evangelista" style="width: 100%; max-width: 200px; margin: 0 auto;"></p>
<p class="text-centered smaller"><a href="http://twitter.com/lilaineurope" target="_blank">@lilaineurope</a></p>
</article>
<article class="span2">
<p><img src="img/bg_aurelie.jpg" class="img-circle" alt="Photo of Aurélie Bazard, Photographer-Designer" title="Berlin Geekettes Photographer-Designer" style="width: 100%; max-width: 200px; margin: 0 auto;"></p>
<p class="text-centered smaller"><a href="http://twitter.com/polly__p" target="_blank">@polly__p</a></p>
</article>
</div>
<div class="row-img">
<article class="span12">
<h3 class="text-centered">Hamburg Geekettes Ambassadors</h3>
</article>
<article class="span2 offset4">
<p><img src="img/bg_diana.jpg" class="img-circle" alt="Photo of Diana Knodel, Hamburg Ambassador" title="Hamburg Ambassador" style="width: 100%; max-width: 200px; margin: 0 auto;"</p>
<p class="text-centered smaller"><a href="http://twitter.com/dianaknodel" target="_blank">@dianaknodel</a></p>
</article>
<article class="span2">
<p><img src="img/bg_tina.jpg" class="img-circle" alt="Photo of Tina Egolf, Hamburg Ambassador" title="Hamburg Ambassador" style="width: 100%; max-width: 200px; margin: 0 auto;"</p>
<p class="text-centered smaller"><a href="http://twitter.com/tinaegolf" target="_blank">@tinaegolf</a></p>
</article>
</div>
</div>
<hr>
<!-- API -->
<div class="row" id="apis">
<div class="span12 header-section">
<p class="pika-icon-section">settings</p>
<h2>API reps from the following companies</h2>
</div>
<div class="span8 offset2 text-centered">
<ul id="apilist">
<li>
<a href="https://www.developergarden.com/apis/" target="_blank">Developer Garden</a>
</li>
<li>
<a href="http://developers.soundcloud.com/" target="_blank">SoundCloud</a>
</li>
<li>
<a href="https://www.mailjet.com/docs/api/" target="_blank">Mailjet</a>
</li>
<li>
<a href="https://dev.xing.com/" target="_blank">XING</a>
</li>
<li>
<a href="https://www.eyeem.com/developers" target="_blank">EyeEm</a>
</li>
<li>
+ More to be announced soon!
</li>
</ul>
</div>
</div>
<hr>
<!-- Prizes -->
<div id="prizes">
<div class="row">
<div class="span12 header-section">
<p class="pika-icon-section">gift</p>
<h2>Prizes and Goodies</h2>
</div>
<article class="span4">
<h3 class="text-centered">Trip to Coca-Cola HQ</h3>
<p><img src="img/logo-coke.png" style="width: 100%; max-width: 500px;" alt="trip" title="Trip"></p>
<p class="text-centered">Win 3 roundtrip tickets to Atlanta, Georgia and meet with senior female executives of Coca-Cola.</p>
</article>
<article class="span4">
<h3 class="text-centered">BG Swag Bag</h3>
<p><img src="img/GoodieBag.png" style="width: 100%; max-width: 500px;" alt="Goodie Bag Illustration" title="BG Swag Bag"></p>
<p class="text-centered">Special bag of treats …</p>
</article>
<article class="span4">
<h3 class="text-centered">More</h3>
<p><strong>Developer Garden</strong> will give <strong>1x iPad Mini</strong> to the best hack using Developer Garden APIs.</p>
<p><strong>Mailjet</strong> will give <strong>1x iPad and 1x <a href="http://makeymakey.com/">MaKey MaKey kit</a></strong> to the best hacks using Mailjet APIs.</p>
<p><strong>Etsy</strong> will give <strong>€500 worth of Etsy gift certificates</strong> to the best hack using the Etsy APIs.</p>
<p><strong>Paymill</strong> will give <strong>3x Kindle Fires</strong> to the best hack using the Paymill APIs.</p>
<p>Stay tuned for more prizes!</p>
</article>
</div>
<hr>
<!-- Venue -->
<div class="row" id="venue">
<div class="span12 header-section">
<p class="pika-icon-section">maplocation</p>
<h2>Venue</h2>
</div>
<div class="span7" style="text-align: right">
<p>
<a style="padding: 0" href="https://maps.google.de/maps?q=stralauer+allee+4&ie=UTF-8&hq=&hnear=0x47a84e55fdcf6903:0x39735dd1ceb87956,Stralauer+Allee+4,+D-10245+Berlin&gl=de&ei=9d4sUu2fEIKihgeomYHgDw&ved=0CC4Q8gEwAA">
<img src="img/warschauer.png" style="width: 100% max-width: 500px; border: none;">
</p>
<p>
<a href="https://maps.google.de/maps?q=stralauer+allee+4&ie=UTF-8&hq=&hnear=0x47a84e55fdcf6903:0x39735dd1ceb87956,Stralauer+Allee+4,+D-10245+Berlin&gl=de&ei=9d4sUu2fEIKihgeomYHgDw&ved=0CC4Q8gEwAA">See on Google</a>
</p>
</div>
<div class="span5">
<h3>Address</h3>
<p>Stralauer Allee 4, 10245 Berlin</p>
<h3>Directions</h3>
<p><span class="label label-success">U1</span> <span class="label label-info">S1</span> <span class="label label-info">S7</span> <span class="label label-info">S75</span> Warschauer Str.</p>
<p>Public Transport of Berlin: <a href="http://www.bvg.de" target="_blank">BVG.de</a> </p>
</div>
</div>
<hr>
<!-- Contact -->
<div class="row" id="contact">
<div class="span4 header-section">
<p class="pikasocial-icon-section">twitter</p>
<p class="text-centered"><a href="http://twitter.com/berlingeekettes" target="_blank">@berlingeekettes</a></p>
</div>
<div class="span4 header-section">
<p class="pikasocial-icon-section">email</p>
<p class="text-centered"><a href="http://berlingeekettes.com/contact" target="_blank">Contact Us!</a></p>
</div>
<div class="span4 header-section">
<p class="pikasocial-icon-section">facebook</p>
<p class="text-centered"><a href="http://facebook.com/berlingeekettes" target="_blank">Stay tuned!</a></p>
</div>
</div>
<hr>
<!-- Sponsors -->
<div id="sponsors">
<div class="row">
<img src="img/logo-coke.png" class="sponsor-logo sponsor-logo-premier" alt="Coca-Cola" title="Coca-Cola">
</div>
<div class="row">
<img src="img/logo-developergarden.png" class="sponsor-logo sponsor-logo-major" alt="Developer Garden" title="Developer Garden">
<img src="img/logo-soundcloud.png" class="sponsor-logo sponsor-logo-major" alt="SoundCloud" title="SoundCloud">
<img src="img/logo-mailjet.png" class="sponsor-logo sponsor-logo-major" alt="Mailjet" title="Mailjet">
<img src="img/logo-amazon.png" class="sponsor-logo sponsor-logo-major" alt="Amazon" title="Amazon">
</div>
<div class="row">
<img src="img/logo-xing.jpg" class="sponsor-logo sponsor-logo-partner" alt="XING" title="XING">
<img src="img/logo-wooga.jpg" class="sponsor-logo sponsor-logo-partner" alt="Wooga" title="Wooga">
<img src="img/logo-etsy.png" class="sponsor-logo sponsor-logo-partner" alt="Etsy" title="Etsy">
<img src="img/logo-deutsche-telekom.png" class="sponsor-logo sponsor-logo-partner" alt="Deutsche Telekom" title="Deutsche Telekom">
</div>
<div class="row">
<img src="img/logo-dmw.png" class="sponsor-logo sponsor-logo-partner" alt="Digital Media Women" title="Digital Media Women">
<img src="img/logo-wash.png" class="sponsor-logo sponsor-logo-partner" alt="Wash United" title="Wash United">
<img src="img/logo-eyeem.png" class="sponsor-logo sponsor-logo-partner" alt="EyeEm" title="EyeEm">
<img src="img/logo-paymill.png" class="sponsor-logo sponsor-logo-partner" alt="Paymill" title="Paymill">
<img src="img/logo-asana.png" class="sponsor-logo sponsor-logo-partner" alt="Asana" title="Asana">
</div>
</div>
<hr>
</div> <!-- /container -->
<div id="bg-footer">
<footer>
<p class="text-centered">© <a href="http://www.berlingeekettes.com" target="_blank">Berlin Geekettes gUG (haftungsbeschränkt)</a></p>
<p class="text-centered"> Proudly powered by Deutsche Telekom</p>
</footer>
</div>
<!--/.footer -->
</div><!--/.wrapper -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
</body>
</html>