-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathcategories.html
executable file
·442 lines (425 loc) · 28.6 KB
/
categories.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
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- SEO -->
<meta property="og:locale" content="en_US">
<meta property="og:url" content="https://opencodes.io">
<meta property="og:type" content="website">
<meta property="og:title" content="OPEN CODES Hackathon">
<meta property="og:description" content="Welcome to the largest student-run hackathon in Germany!">
<meta property="og:image" content="assets/img/fb-cover.png">
<meta name="author" content="Hack & Söhne">
<meta name="description" content="Welcome to the largest student-run hackathon in Germany!.">
<meta name="keywords"
content="open, codes, hackathon, hack, io, und, söhne, soehne, karlsruhe, programmieren, event, coding, code, zkm, zentrum, kunst, medien, kit, talkit">
<meta name="google-site-verification" content="tjukQQpmzsqdbPMnXjNBcrTMyJvr9QDKjFdGEuhEJwM" />
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="assets/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<link rel="manifest" href="assets/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<title>OpenCodes Hackathon</title>
<!-- ALL CSS FILES -->
<link href="assets/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="assets/css/base.css" rel="stylesheet" type="text/css" media="all" />
<link href="assets/css/main.css" rel="stylesheet" type="text/css" media="all" />
<link href="assets/css/flexslider.css" rel="stylesheet" type="text/css" media="all" />
<link href="assets/css/venobox.css" rel="stylesheet" type="text/css" media="all" />
<link href="assets/css/custom.css" rel="stylesheet" type="text/css" media="all" />
<!-- FONTS -->
<link href="assets/css/fonts.css" rel="stylesheet" type="text/css" media="all" />
<link href="https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nova+Mono|Nova+Round|Source+Code+Pro" rel="stylesheet">
<!-- TACHYONS -->
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.9.0/css/tachyons.min.css" />
</head>
<body
style="background: #1a1919 url('assets/img/brainbow-yellow.svg') no-repeat center center; background-position-y: 20vh; background-position-x: 72vw; background-size: 80vh"
class="">
<!--Wrapper-->
<div class="wrapper">
<!--Content section-->
<section>
<!--Header-->
<header class="header">
<!--Container-->
<div class="container" style="padding-left: 12px; padding-right: 12px">
<!--Row-->
<div id="nav-bar-logo" class="row pt2 pl2 pr2 pb3">
<div class="col-md-2 col-xs-3" style="padding-right: 0">
<a class="scroll logo header-logo" href="index.html">
<img class="logo-img" src="assets/img/och-logo.png" />
</a>
</div>
<div class="col-md-10 col-xs-9 text-left">
<p class="hf pb3 header-title">OPENCODES Hackathon</p>
</div>
</div>
<div style="padding-top: 5px;" class="row">
<div class="col-md-12 text-left">
<nav class="main-nav">
<div class="toggle-mobile-but">
<a href="#" class="mobile-but">
<div class="lines"></div>
</a>
</div>
<ol class="hero-button-list">
<li style="margin: 0"><a id="home-button"
class="scroll hero-button categories-selected" href="index.html">Home</a>
</li>
<li style="margin: 0"><a id="about-button"
class="scroll hero-button categories-selected" href="about.html">About</a>
</li>
<li style="margin: 0"><a id="visitor-button"
class="scroll hero-button categories-selected" href="visitors.html">For
Visitors</a></li>
<li style="margin: 0"><a id="jury-button"
class="scroll hero-button categories-selected" href="jury.html">Jury</a>
</li>
<li style="margin: 0"><a id="categories-button"
class="scroll hero-button categories-selected"
href="categories.html">Categories</a></li>
<li style="margin: 0"><a id="schedule-button"
class="scroll hero-button categories-selected"
href="schedule.html">Schedule</a></li>
<li style="margin: 0"><a id="location-button"
class="scroll hero-button categories-selected"
href="location.html">Location</a></li>
<li style="margin: 0"><a id="sponsor-button"
class="scroll hero-button categories-selected"
href="sponsors.html">Sponsors</a></li>
<li style="margin: 0"><a id="faq-button"
class="scroll hero-button categories-selected" href="faq.html">FAQ</a></li>
</ol>
</nav>
</div>
</div>
<!--End row-->
</div>
<!--End container-->
</header>
</section>
<div>
<!-- CONTENT GOES HERE -->
<div class="content-section">
<section>
<!--Container-->
<div class="container">
<!--Row-->
<div class="row">
<div class="col-sm-8 col-sm-offset-2 mb-100 text-center">
<h1 class="large mb-10 pb3 optional_header"><span
style="color: #FFE655">Categories</span></h1>
<p class="title-lead mt-10 tl">
Our main category is completely open, you can do whatever you want.
<br>
<br>
There's only one rule: Don't start working on your project until the hackathon
begins.
You can research it, overthink it or even bother your already annoyed neighbours
with it.
Just don't get a head start on anyone else.
<br>
<br>
For those looking to solve more specific problems, there are the three very
interesting categories powered by our partners.
</p>
</div>
</div>
<!--End row-->
</div>
<div class="container">
<!--Row-->
<div class="row">
<div class="col-sm-8 col-sm-offset-2 mb-100 text-center">
<h1 class="title pb3"><span style="color: #FFE655">How can I win?</span></h1>
<p class="title-lead mt-20 tl">
In the "Hack & Söhne" category we'll provide an elaborate evaluation process
with a jury of
seven professionals from various fields.
Read more about the jury and the selection process in the <a class="pink-link"
href="jury.html">jury section</a>.
</p>
</div>
</div>
<!--End row-->
</div>
<!--End container-->
<!--Container-->
<div class="container">
<!--Row-->
<div class="row">
<div class="col-sm-12">
<h3 class="sub-title-0 tl mb-25"><span style="color: #FFE655">Categories</span></h3>
</div>
</div>
<!--End row-->
</div>
<!--End container-->
<!--Container-->
<div class="container pb-120">
<!--Row-->
<div class="row">
<div class="col-sm-4 ">
<!--Tabs-->
<ul class="block-tabs no-line-height chooser">
<li class="pt-15 pb-15 active"><strong>Hack & Söhne</strong><br> <span>our main
category</span></li>
<li class="pt-15 pb-15">
<strong>Art & Technology</strong><br><span>powered by ZKM</span>
</li>
<li class="pt-15 pb-15 ">
<strong>IT Brings People Together</strong><br><span>powered by CAS Software
AG</span>
</li>
<li class="pt-15 pb-15 ">
<strong>Connect the Worlds</strong><br><span>powered by EXXETA</span>
</li>
</ul>
</div>
<div class="col-sm-7 ">
<ul style="border: none; text-align: left;" class="block-tab">
<!--Tab - Hack & Söhne-->
<li class="active ">
<div class="">
<h1 style="color: #FFE655">Topic</h1>
<p>If you are looking for clear guidelines on what to build, where to look
and how to implement your idea,
this is the wrong category to focus on. You can submit any idea in this
category. Be it a
web-app, a Haskell API or a creative piece of digital art, our jurors
will decide which project
is the strongest overall.
</p>
</div>
<div class="pt-60">
<h1 style="color: #FFE655">Prizes</h1>
<p>First place: 4000€</p>
<p>Second place: 2000€</p>
<p>Third place: 1000€</p>
</div>
<div class="pt-60">
<h1 style="color: #FFE655">Judging Criteria</h1>
<p> Each juror judges the submitted ideas according to their field of
expertise. We have artists, developers,
entrepreneurs and investors. If your idea can convince the majority of
them, you just might win.<br>
For more information please visit our <a href="jury.html">jury
section</a>.
</p>
</div>
</li>
<!--Tab - ZKM -->
<li>
<div class="">
<h1 style="color: #FFE655">Topic</h1>
<p>The ZKM focuses on strengthening the ties between science, technology and
art. In this hackathon, we want to dive into the relationship between
information and the code-driven representation of it. This category
gives you a chance to experiment, to combine your technical skills with
a creative thinking.
<br>
<br>
Our world is increasingly connected and captured: millions of sensors
collect billions of measurements, while users generate more and more
data input on a daily basis. Our way of reasoning and rationalising, the
way in which we think about the world, is by analysing this data.
<br>
<br>
Show us the art hidden inside datasets, the abstract connections and
correlations through new ways of data representation and handling. Do
not stick to the well-known paths of existing tools and schemes, but
look into how you can take an unconventional or new path. How can we
represent and interpret data differently? What new relationships can we
explore? How can we change our understanding of certain things by
representing data differently?
</p>
</div>
<div class="pt-60">
<h1 style="color: #FFE655">Prizes</h1>
<p>1500€ for the winning team</p>
</div>
<div class="pt-60">
<h1 style="color: #FFE655">Judging Criteria</h1>
<p>We will look at the submission from different angles: concept and
content, design as well as the code. While you may build a visual form
of data representation, we want to invite you to explore other senses as
well.</p>
</div>
<div class="pt-60">
<h1 style="color: #FFE655">powered by</h1>
<p>ZKM</p>
</div>
</li>
<!--Tab - CAS -->
<li>
<div class="">
<h1 style="color: #FFE655">Topic</h1>
<p>
Hi, we’re CAS. We love bringing people together, worldwide. That’s an
exciting and big challenge and therefore we need open-minded people, who
want do be part of something big. People with dedication, creativity and
skills. That’s where you come in.
<br>
<br>
Contribute by exploring new ways of connecting people through
technology. Build something awesome that simplifies communication,
enables collaboration, or brings people closer together. Be creative,
you can build anything you want.
<br>
<br>
The only thing that matters: Create something from which your friends,
family, club or society as a whole can benefit. Happiness comes from
solving problems. You decide which problems to solve and which
technology to use. Build an app, a website, an integrated service or
anything else you can come up with.
<br>
<br>
How to succeed? Important to us is not a completely finished, absolute
perfect solution. Done is better than perfect. You can win our hearts
and the prize by developing a stunning prototype, a creative concept or
even a breakthrough idea. If you need any help at all, e.g. finding the
right idea, feel free to come by our booth at ZKM during the hackathon.
</p>
</div>
<div class="pt-60">
<h1 style="color: #FFE655">Prizes</h1>
<p>1500€ for the winning team</p>
</div>
<div class="pt-60">
<h1 style="color: #FFE655">powered by</h1>
<p>CAS Software AG</p>
</div>
</li>
<!--Tab - EXXETA-->
<li>
<div class="">
<h1 style="color: #FFE655">Topic</h1>
<p>In a world that grows more volatile, uncertain, complex and ambiguous,
integration is the key to cope with the challenges arising with every
new possibility. So, we are looking for inventive ways to combine two
different worlds that don't seem to naturally belong together. For
example, in a smart city, millions of devices need to communicate not
only with each other, but also bring information from the material world
into the digital. To build new solutions in mobility and transport, we
have to cross borders in a technical sense as well as in the user's
experience. To live peacefully in a global society, we have to embrace
and integrate different cultures and enable decentralized communities,
grids and communication.
<br>
<br>
There are no limits in our challenge, you can connect any worlds in the
technological way you want to, as long as it's a further step towards a
more connected future, enabling cutting-edge use cases, or making new
things possible within the old. We value passion, creativity in applying
technologies, novelty and disruptive potential, but also outstanding
teamwork. The winner of our challenge can look forward to
hacker-approved prizes.
<br>
<br>
To help you build the technology of tomorrow, we provide you with useful
APIs and data. Come to our booth to get an introduction or help from our
experts. Let's shape the future by connecting worlds!
</p>
</div>
<div class="pt-60">
<h1 style="color: #FFE655">Prizes</h1>
<p>TBA</p>
</div>
<div class="pt-60">
<h1 style="color: #FFE655">powered by</h1>
<p>EXXETA</p>
</div>
</li>
</ul>
</div>
</div>
<div class="container">
<!--Row-->
<div class="row">
<div class="col-sm-8 col-sm-offset-2 mt-100 mb-100 text-center">
<h1 class="title pb3"><span style="color: #FFE655">Do I have to compete?</span></h1>
<p class="title-lead mt-20 tl">
Absolutely not! However we do encourage you to take the chance, because there's
nothing to lose!
Everyone has a chance to win, whether professional hacker or first-timer.
<br>
<br>
We want you to have a great time and tons of fun.
Just make yourself comfortable and we're sure that you'll take an awesome idea
from concept to reality and enjoy yourself.
</p>
</div>
</div>
<!--End row-->
</div>
</div>
<!--End container-->
</section>
</div>
</div>
<!--End hero section-->
<footer>
<div class="bottom-footer pt-50 pb-50">
<!--Container-->
<div class="container ">
<div class="row">
<div class="col-lg-5 footer-copyright pb3">
<span class="pr3">an event by</span>
<a target="_blank" href="https://hackundsoehne.de">
<img src="assets/img/hs_logo_white.png" width="75px" />
</a>
</div>
<div class="col-lg-3">
<ul class="block-social tc pb3 pt3">
<li><a target="_blank" href="https://www.facebook.com/hackundsoehne/"><i
class="white-link icon-facebook"></i></a></li>
<li><a target="_blank" href="https://twitter.com/hackundsoehne"><i
class="white-link icon-twitter"></i></a></li>
<li><a target="_blank" href="https://www.instagram.com/hackundsoehne/"><i
class="white-link icon-instagram-1"></i></a></li>
</ul>
</div>
<div class="col-lg-4">
<ul class="block-legal footer-buttons pb3 pt3">
<li><a href="https://hackundsoehne.de/team" target="_blank">Team</a>
<li><a href="https://hackundsoehne.de/contact" target="_blank">Contact</a>
<li><a href="assets/coc-public.pdf" target="_blank">Code of Conduct</a>
<li><a href="https://hackundsoehne.de/terms" target="_blank">Terms</a>
<li><a href="https://hackundsoehne.de/dataprivacy" target="_blank">Data privacy</a>
</ul>
</div>
</div>
</div>
<!--End container-->
</div>
</footer>
</div>
<!-- End wrapper-->
<!--Javascript-->
<script src="assets/js/jquery-1.12.4.min.js" type="text/javascript"></script>
<script src="assets/js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="assets/js/smooth-scroll.js" type="text/javascript"></script>
<script src="assets/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="assets/js/placeholders.min.js" type="text/javascript"></script>
<script src="assets/js/venobox.min.js" type="text/javascript"></script>
<script src="assets/js/script.js" type="text/javascript"></script>
</body>
</html>