-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.en.html
executable file
·339 lines (309 loc) · 13.2 KB
/
index.en.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
<!DOCTYPE html>
<head>
<title>BaselHack</title>
<meta charset="utf-8">
<link rel="stylesheet" media='screen and (min-width: 1101px) and (max-width: 4000px)' href="style.css">
<link rel="stylesheet" media="screen and (min-width: 0px) and (max-width: 1100px)" href="stylephone.css">
<meta name="viewport" content="width=device-width, initial-scale=0.7, user-scalable=no">
</head>
<body>
<nav>
<ul class="navdesktop">
<a href="#"><div>BASELHACK</div></a>
<a href="#was"><div>ABOUT</div></a>
<a href="#warum"><div>WHY ATTEND</div></a>
<a href="#wer"><div>WHO</div></a>
<a href="#wann"><div>WHEN/WHERE</div></a>
<a href="#wie"><div>PARTICIPATE</div></a>
<a href="#hintergrund"><div>US</div></a>
<a href="#sponsors"><div>SPONSORS</div></a>
<!--<a href="Sponsoring_BaselHack.pdf" target="_blank"><div>SPONSORING</div></a>-->
<div id="language_switch">
<a href="index.html">DE</a> | <a id="language_selected" href="index.en.html">EN</a>
</div>
</ul>
<div class="navmoblie mobile">≡</div>
</nav>
<div id="batch_anmelden">
<!--<a id="batch_anmeldena" href="/registration.en" target="_blank">** REGISTER NOW! **</a>-->
<a id="batch_anmeldena" href="https://baselhack.typeform.com/to/GqbMkw" target="_blank">** STAY CONNECTED **</a>
</div>
<div id="top">
<div id="top1">
<img class="logo" src="logo2.gif"/>
<!--<div class="titel">
<br>
28 + 29 Oct. 2017, <!--Starting 9am on Saturday, ending 7pm on Sunday Hochschule für Gestaltung und Kunst, -->
<!--Dreispitz Campus, Basel<br>
</div>
<div class="titel">
<br>
<a href="https://github.com/BaselHack/BaselHack2017/wiki">=>Github</a>
<br>
</div>-->
<br><br>
</div>
</div>
<div class="zeile_blau">
<div class="box_bild_rechts mobile">
<img style="width:100%;" src="wann_6.gif"/>
</div>
<div class="box_text_links">
<h1>BaselHack 2017</h1>
<p>On the last weekend in October, the first BaselHack took place in the facilities of "Hochschule für Gestaltung und Kunst" on the Campus at Dreispitz.</p>
<p>During two days, 55 participants realized ten imprssive projects.</p>
<p>Read a <a href="https://github.com/BaselHack/BaselHack2017/wiki/Reporting" target="_blank">==>report</a> from one of the organizers and get some impressions on <a href="https://www.facebook.com/BaselHackathon/" target="_blank">==>Facebook</a> and <a href="https://twitter.com/BaselHack" target="_blank">==>Twitter</a>. The projects are all cloned on <a href="https://github.com/BaselHack" target="_blank">==>Github</a>.</p>
</div>
<div class="box_bild_rechts desktop">
<img style="width:100%;" src="wann_6.gif"/>
</div>
</div>
<div id="was" class="zeile_gelb" >
<div class="box_bild_links">
<img style="width:100%;" src="uber_6.gif"/>
</div>
<div class="box_text_rechts">
<h1 id="was2" >About BaselHack</h1>
<p>
At BaselHack, you will have the opportunity to create software prototypes solutions from a great idea in 34 hours! Bring your coding know-how, meet, connect and collaborate with other tech enthusiasts, innovators, and data and design wizards.</p>
<p>You can work on your own idea or join a team. At the end of the second day of hacking, you will present your idea and prototype to a panel of judges and to all participants. Prizes will be awarded for the best ideas and teams.</p>
<p>Your prototype will be published as OpenSource and may be developed further after the event.</p>
</div>
</div>
<div id="warum" class="zeile_blau" >
<div class="box_bild_rechts mobile">
<img style="width:100%;" src="warum_6.gif"/>
</div>
<div class="box_text_links">
<h1 id="warum2">WHY SHOULD YOU ATTEND?</h1>
<ul class="box_liste">
<li>You will meet other tech enthusiasts.</li>
<li>You will build a great prototype in teams over two days.</li>
<li>You are into coding and you will have the
opportunity to showcase your skills.</li>
<li>Most importantly, you will spend two amazing days!</li>
<li>And the best thing is: it won't cost you anything. Food and drinks are provided.</li>
</ul><br>
<p style="margin-left:0px;">
You won't regret participating in BaselHack! Come and see for yourself.
</p>
</div>
<div class="box_bild_rechts desktop">
<img style="width:100%;" src="warum_6.gif"/>
</div>
</div>
<div id="wer" class="zeile_gelb">
<div class="box_bild_links">
<img style="width:100%;" src="wer1_6.gif"/>
</div>
<div class="box_text_rechts">
<h1 id="wer2">WHO CAN PARTICIPATE?</h1>
<p>
Anyone! BaselHack brings together techies, programmers, UX/UI designers, developers, soft-ware engineers, computing veterans, etc. Above all, BaselHack is open to anyone – men, women, students, seniors, cooks, mechanics… any curious and creative minds!<br>
</p>
</div>
</div>
<div id="wann" class="zeile_blau">
<div class="box_bild_rechts mobile">
<img style="width:100%;" src="wann_6.gif"/>
</div>
<div class="box_text_links">
<h1 id="wann2">WHEN AND WHERE IS BASELHACK TAKING PLACE?</h1>
<ul class="box_liste">
<li>WHEN <br/>
Saturday, October 28th from 8:30am to<br/>
Sunday, October 29th at 7pm<br/>
<br/>
</li>
<li>WHERE<br>
FHNW Academy of Art and Design<br/>
Dreispitz Campus, Basel<br/>
<br/>
</li>
<li>SCHEDULE<br/>
<b>Saturday, October 28th</b><br/>
8:30am Check-in – registration and installation<br/>
9:00am Hackathon opens, welcome address, rules and timetable<br/>
9:15am Pitches and team building<br/>
10:00am Hands on: start coding<br/>
12:00pm-2:00pm Snack time<br/>
6:00pm-8:00pm Supper<br/>
8:00pm ... Keep hacking!<br/>
</br/>
<br/>
<b>Sunday, October 29th</b><br/>
8:00am-10:00am Breakfast<br/>
12:30pm-14:30pm Snack time<br/>
16:00pm Hands off: stop coding<br/>
16:15pm Start pitching<br/>
17:30pm Announcement of winners, followed by an apéro<br/>
<br/>
</li>
</ul>
<br>
<p>If you cannot be there for the entire weekend, that's fine. You may come and leave whenever you need to. However, your team must be present until the end to present your prototype.
</p>
</div>
<div class="box_bild_rechts desktop">
<img style="width:100%;" src="wann_6.gif"/>
</div>
</div>
<div id="wie" class="zeile_gelb">
<div class="box_text_both">
<h1 id="wie2">PARTICIPATE</h1>
<a href="https://github.com/BaselHack/BaselHack2017/wiki/Topics" target="_blank">
<div class="box_wie">
<div class="linieweiss"></div>
BaselHack 2017 has started.
<div class="linieweiss"></div>
check out the topics
</div>
</a>
<a href="https://www.facebook.com/BaselHackathon" target="_blank">
<div class="box_wie">
<div class="linieweiss"></div>
follow us on facebook
<div class="linieweiss"></div>
</div>
</a>
<a href="https://twitter.com/BaselHack" target="_blank">
<div class="box_wie">
<div class="linieweiss"></div>
... and twitter
<div class="linieweiss"></div>
</div>
</a>
<a href="https://baselhack.typeform.com/to/GqbMkw" target="_blank">
<div class="box_wie">
<div class="linieweiss"></div>
Für Newsletter anmelden<br>
<div class="linieweiss"></div>
</div>
</a>
<!--<a href="/registration.en" target="_blank">
<div class="box_wie">
<div class="linieweiss"></div>Register now for <em>BaselHack</em>!<br>
<div class="linieweiss"></div>
Reminder: it's free to participate<br/>
</div>
</a>
<a href="https://www.baselarea.swiss/baselarea-swiss/channels/innovation-events/2017/10/baselhack-pre-event.html" target="_blank">
<div class="box_wie" style="margin-right:20px;">
<div class="linieweiss"></div>Register now for the <em>pre-event</em><br>
<div class="linieweiss"></div>
... and get to meet other participants a week ahead<br/>
</div>
</a>-->
<a href="spenden.html" target="_blank">
<div class="box_wie">
Donate<br>
<div class="linieweiss"></div>
Every franc helps.
</div>
</a>
<!--<a href="https://github.com/BaselHack/BaselHack2017/wiki/Topics" target="_blank">
<div class="box_wie" style="margin-right:20px;">
Get a head start - virtually pitch your idea!<br>
<div class="linieweiss"></div>
What do you have in mind? What solution are you going to build at BaselHack?
</div>
</a>-->
<!--
<div class="box_wie" style="margin-right:20px;">VARIANTE C<br><div class="linieweiss"></div> Trete als Sponsor auf. <br>Wir benötigen 20'000CHF für Raum und Verpflegung</div>
<div class="box_wie">VARIANTE D<br><div class="linieweiss"></div> Hilf mit beim Organisieren</div>
!-->
</div>
</div>
<div id="hintergrund" class="zeile_blau">
<div class="box_bild_links">
<img style="width:90%;" src="wir_6.gif"/>
</div>
<div class="box_text_rechts">
<h1 id="hintergrund2">WHO IS ORGANIZING BASELHACK?</h1>
<p>
BaselHack is organized by the non-profit organisation BaselHack. <a href="https://github.com/BaselHack/verein/wiki/Mitglieder">==>Membership</a></p><p>
We are organizing this event out of passion for technology and simply for fun; not to earn money.</p><p>
<a href="https://github.com/BaselHack/verein/wiki/Mitglied-werden">Our community is growing. You want to join us? Get in touch! ==> Here</a>
</p>
</div>
</div>
<div class="zeile_gelb" id="sponsors">
<div class="box_text_both">
<h1>SPONSORS</h1>
<div class="box_wie">Become a sponsor.<br><div class="linieweiss"></div>We need 20'000CHF for the location and food.
<a href="Sponsoring_BaselHack.pdf" target="_blank">=> Support BaselHack</a>
</div>
<h2>Super Mario</h2>
<div class="sponsor-row super-mario">
<a href="https://baloise.com" class="sponsor" target="_blank">
<img src="img/sponsors/basler_versicherungen.gif" alt="Basler Versicherungen"/>
</a>
</div>
<h2>Zelda</h2>
<div class="sponsor-row zelda">
<a href="http://www.adobe.com" class="sponsor" target="_blank">
<img src="img/sponsors/Adobe.png" alt="Adobe" />
</a>
</div>
<div class="sponsor-row zelda">
<a href="https://www.bluesky-it.ch" class="sponsor" target="_blank">
<img src="img/sponsors/Bluesky.png" alt="Bluesky IT-Solutions" />
</a>
</div>
<h2>Pacman</h2>
<div class="sponsor-row pacman">
<a href="https://www.fhnw.ch/de/die-fhnw/hochschulen/architektur-bau-geomatik" class="sponsor" target="_blank">
<img src="img/sponsors/fhnw_habg_10mm.jpg" alt="Hochschule für Architektur, Bau und Geomatik" />
</a>
<a href="https://www.actemium.ch" class="sponsor" target="_blank">
<img src="img/sponsors/ACT_Logo_RGB_small.jpg" alt="Actemium Schweiz AG" />
</a>
</div>
<!--<div class="sponsor-row pacman">
<span class="sponsor placeholder"></span>
<span class="sponsor placeholder"></span>
</div>-->
<h2>Tetris</h2>
<div class="sponsor-row tetris">
<a href="https://www.swissdrums.ch/" class="sponsor" target="_blank">
<img src="img/sponsors/Imperial_LOG_rot_CMYK-1060-934.png" alt="Imperial Drums" />
</a>
<!--<span class="sponsor placeholder"></span>
<span class="sponsor placeholder"></span>
<span class="sponsor placeholder"></span>-->
</div>
<!--<div class="sponsor-row tetris">
<span class="sponsor placeholder"></span>
<span class="sponsor placeholder"></span>
<span class="sponsor placeholder"></span>
<span class="sponsor placeholder"></span>
</div>-->
</div>
</div>
<div class="zeile_blau">
<div class="box_text_both">
<h1>STANDORTPARTNER</h1>
<div class="sponsor-row standortpartner">
<a href="https://www.baselarea.swiss" class="sponsor" target="_blank">
<img src="img/standortpartner/BAS_Logo_Red_RGB_small.jpg" alt="Basel Area. Swiss"/>
</a>
</div>
<div class="sponsor-row standortpartner">
<a href="https://www.smartregiobasel.ch" class="sponsor colored_logo" target="_blank">
<img src="img/standortpartner/srb_logo_cmyk.png" alt="Smart Regio Basel"/>
</a>
</div>
<div class="sponsor-row standortpartner">
<a href="http://www.economy-bl.ch" class="sponsor" target="_blank">
<img src="img/standortpartner/1309_Logo_Inspiration_100mm_cmyk_small.jpg" alt="Kanton Basel-Landschaft"/>
</a>
</div>
</div>
</div>
<footer>
BaselHack, c/o BaselArea Swiss, Dufourstr. 11, 4010 Basel, <a href="mailto:[email protected]">[email protected]</a>, CH77 0076 9430 6005 0200 1
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>