-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·345 lines (319 loc) · 13.8 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
<!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>
<!-- test -->
<nav>
<ul class="navdesktop">
<a href="#"><div>BASELHACK</div></a>
<a href="#was"><div>ÜBER</div></a>
<a href="#warum"><div>WESHALB</div></a>
<a href="#wer"><div>FÜR WEN</div></a>
<a href="#wann"><div>WANN/WO</div></a>
<a href="#wie"><div>TEILNAHME</div></a>
<a href="#hintergrund"><div>WIR</div></a>
<a href="#sponsors"><div>SPONSOREN</div></a>
<!--<a href="Sponsoring_BaselHack.pdf" target="_blank"><div>SPONSORING</div></a>-->
<div id="language_switch">
<a id="language_selected" href="index.html">DE</a> | <a href="index.en.html">EN</a>
</div>
</ul>
<div class="navmoblie mobile">≡</div>
</nav>
<div id="batch_anmelden">
<!--<a id="batch_anmeldena" href="/registration" target="_blank">** JETZT ANMELDEN! **</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. Okt. 2017, <!--ab 09:00 bis um 19:00 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>Am letzten Wochenende im Oktober fand der erste BaselHack in den Räumlichkeiten der Hochschule für Gestaltung und Kunst auf dem Dreispitz Campus statt.</p>
<p>In den zwei Tagen haben 55 Teilnehmer zehn beeindruckende Projektideen umgesetzt.</p>
<p>Lies einen <a href="https://github.com/BaselHack/BaselHack2017/wiki/Reporting" target="_blank">==>Bericht</a> dazu und schaue dir die Impressionen auf <a href="https://www.facebook.com/BaselHackathon/" target="_blank">==>Facebook</a> und <a href="https://twitter.com/BaselHack" target="_blank">==>Twitter</a> an. Die Projekte sind alle auf <a href="https://github.com/BaselHack" target="_blank">==>Github</a> geclont.</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" >ÜBER DEN BASELHACK</h1>
<p>
Während dem BaselHack programmierst du mit IT-begeisterten, kreativen, analytischen und designbegabten Leuten aus
der Region innerhalb 34 Stunden lauffähige Prototypen einer faszinierenden <a href="https://github.com/BaselHack/BaselHack2017/wiki/Topics" target="_blank">Idee.</a></p><p>
Du kannst entweder <a href="https://github.com/BaselHack/BaselHack2017/wiki/Topics" target="_blank">deine eigene Idee</a> mitbringen und diese pitchen, um Teammitglieder zu gewinnen oder du lässt dich von den <a href="https://github.com/BaselHack/BaselHack2017/wiki/Topics" target="_blank">anderen Ideen</a> beim Pitch inspirieren und schliesst dich einem Team an.
Am Ende des zweiten Tages präsentiert Ihr dem Plenum und der Jury euren Prototypen.</p><p>
Wenn Ihr zu den besten Teams gehört, erhaltet Ihr einen Preis.
Euer Prototyp wird als OpenSource veröffentlicht und eventuell sogar weiterentwickelt.
</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">WESHALB DU KOMMEN SOLLTEST</h1>
<ul class="box_liste">
<li>Lerne viele neue Leute mit ähnlichen Interessen kennen</li>
<li>Arbeite zwei Tage lang mit Gleichgesinnten an einem spannenden Projekt</li>
<li>Weil du dich fürs Programmieren interessierst</li>
<li>Weil du mit deiner Idee etwas gewinnen willst</li>
<li>Aber das Wichtigste: weil du 2 Tage voller Spass haben wirst</li>
<li>Und das Beste: Das ganze ist kostenlos! inkl. Essen und Getränke</li>
</ul><br>
<p style="margin-left:0px;">
Du wirst deinen Besuch sicher nicht bereuen!<br/>
Komm und erlebe …!
</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">FÜR WEN IST DER BASELHACK?</h1>
<p>
Für jede und jeden! Und besonders natürlich für Technologie-Enthusiasten, Kreative Köpfe, UX/UI cracks, Script kids,
Softwareentwickler und EDV-Veteranen gedacht.
Es kann jedoch jeder Interessierte mitmachen. Egal ob männlich oder weiblich, Koch oder Mechaniker etc.<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">WANN UND WO FINDET DER BASELHACK STATT?</h1>
<ul class="box_liste">
<li>WANN <br/>
Samstag, 28. Okt.17 ab 8:30 Uhr bis<br/>
Sonntag, 29. Okt.17 ca. 19 Uhr <br/>
<br/>
</li>
<li>WO<br>
Hochschule für Gestaltung und Kunst,<br>Dreispitz Campus, Basel<br/>
<br/>
</li>
<li>ABLAUF<br/>
<b>Samstag, 28.Oktober</b><br/>
8:30-9:00 Check-In – Registrierung und Installation<br/>
9:00 Start des Hackathon, Begrüssung, Rules und Ablauf<br/>
9:15 Pitches und Teambildung<br/>
10:00 Start Coding<br/>
12:00-14:00 Snacktime<br/>
18:00-20:00 Z’Nacht<br/>
20:00 Coding<br/>
</br/>
<br/>
<b>Sonntag, 29. Oktober</b><br/>
8:00-10:00 Z’Morge<br/>
12:30-14:30 Snacktime<br/>
16:00 Hands-Off – stop coding<br/>
16:15 Start Pitching<br/>
17:30 Verkündung der Gewinner mit anschliessendem Apero<br/>
<br/>
</li>
</ul>
<br>
<p>Solltest du nicht das ganze Wochenende zur Verfügung haben, ist das natürlich kein Problem.
Du kannst kommen und gehen wann du willst. Dein Team sollte jedoch bis zum Schluss da sein, um euren Prototypen vorzustellen.
</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">MACH MIT</h1>
<a href="https://github.com/BaselHack/BaselHack2017/wiki/Topics" target="_blank">
<div class="box_wie">
<div class="linieweiss"></div>
Der BaselHack 2017 hat begonnen!
<div class="linieweiss"></div>
Mit diesen Themen
</div>
</a>
<a href="https://www.facebook.com/BaselHackathon" target="_blank">
<div class="box_wie">
<div class="linieweiss"></div>
Folge uns auf Facebook
<div class="linieweiss"></div>
</div>
</a>
<a href="https://twitter.com/BaselHack" target="_blank">
<div class="box_wie">
<div class="linieweiss"></div>
... und auf 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" target="_blank">
<div class="box_wie">
<div class="linieweiss"></div>
Melde dich zum <em>BaselHack</em> an<br>
<div class="linieweiss"></div>
Zur Erinnerung, es ist kostenlos <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>
Melde dich <em>Pre-Event</em> an<br>
<div class="linieweiss"></div>
... und lerne bereits im Voraus andere Teilnehmer kennen <br>
</div>
</a>-->
<a href="spenden.html" target="_blank">
<div class="box_wie">
Spende Geld<br>
<div class="linieweiss"></div>
Jeder Franken hilft
</div>
</a>
<!--<a href="https://github.com/BaselHack/BaselHack2017/wiki/Topics" target="_blank">
<div class="box_wie" style="margin-right:20px;">
Beschreibe deine Idee<br>
<div class="linieweiss"></div>
Was werden wir am BaselHack umsetzen? Hast du eine Idee? Was können andere noch besser machen?
</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">WER STECKT HINTER BASELHACK?</h1>
<p>
Hinter BaselHack steht der gemeinnützige Verein BaselHack. <a href="https://github.com/BaselHack/verein/wiki/Mitglieder">==>Mitgliederliste</a></p><p>
Wir organisieren den BaselHack aus Überzeugung und zum Spass, nicht weil wir Geld verdienen wollen.</p><p>
<a href="https://github.com/BaselHack/verein/wiki/Mitglied-werden">Du willst einer von uns werden? Melde dich ==>hier!</a>
</p>
</div>
</div>
<div class="zeile_gelb" id="sponsors">
<div class="box_text_both">
<h1>SPONSOREN</h1>
<div class="box_wie">Trete als Sponsor auf.<br><div class="linieweiss"></div>Wir benötigen 20'000CHF für Raum und Verpflegung
<a href="Sponsoring_BaselHack.pdf" target="_blank">==> werde Sponsor</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>