forked from peksi/hackjunction
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
424 lines (412 loc) · 34.5 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
---
layout: default
---
<!-- Intro Header -->
<!-- Intro Header -->
<header class="intro">
<div class="fb-like" data-href="https://facebook.com/hackjunction" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"></div>
<div id="webgl-view"></div>
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-12 junction-logo style='opacity: 0;'">
<img class src="{{ '/images/logos/junction-logo-horizontal-white.svg' | prepend: site.baseurl }}" alt="">
</div>
<div class="col-md-12">
<div class="junction-subtitle">
Thank you. See you soon!
</div>
<div class="date">
We might have something special in mind...
</div>
<!-- <a href='https://www.eventbrite.com/e/junction-tech-weekend-tickets-19261657135' target='_blank' class="main-apply">Get your ticket</a> -->
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<div id="about">
<a id="mlh-trust-badge" href="https://mlh.io/?utm_campaign=Trust%20Badge" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/f2015.png" alt="MLH Official - Fall 2015" style="width:100%;" ></a>
<section class="container content-section text-center">
<div class="row">
<div class='col-md-8 col-md-offset-2 col-xs-12'>
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-top: 50px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
<div class='embed-container'>
<iframe src='https://www.youtube.com/embed/osZit7cuaMI' frameborder='0' allowfullscreen></iframe>
</div>
</div>
<!--<div class="col-md-12 about">
<h2>About</h2>
<p class="about-introduction">
Hackathons are all about taking something you love, combining it with tech and learning something in the process.
Junction brings together hackers, designers, the best partners and hardware for one weekend of hacking.
Charge your laptops and bring your friends for an amazing event. Let's hack!</p>
</div> -->
</div>
</section>
</div>
<div class="dotted-image"></div>
<!-- Tracks Section -->
<div id="tracks">
<section class="container content-section text-center">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<div class="track-box if"></div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<div class="track-box futurice"></div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<div class="track-box klarna"></div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<div class="track-box shopify"></div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<div class="track-box aero"></div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<div class="track-box uber"></div>
</div>
<div class="col-lg-3 col-lg-offset-0 col-md-4 col-sm-6 col-xs-12">
<div class="track-box rails"></div>
</div>
<div class="col-lg-3 col-lg-offset-0 col-md-4 col-sm-6 col-xs-12">
<div class="track-box mehackit"></div>
</div>
<div class="col-lg-12 col-md-4 col-sm-12 col-xs-12">
<div class="track-box aaltoes"></div>
</div>
</div>
<!--<div class="row">
<div class="col-xs-12">
<h1 class="center">OP lounge</h1>
<div class="partner-box op"></div><p>
Ever wanted to integrate apps with banking data? Now you can! Come visit OP Lounge or Slack backchannel for sneak preview of OP's banking API <a href="http://api.op-dev.fi/">(http://api.op-dev.fi/)</a>. Or are you in need of a break from coding? The OP Lounge will be the perfect place to relax and kick back during Junction. It will be open throughout the weekend for anyone in the need of comfort.
<br><br>
The OP Lounge features Fatboys, couches, coffee, and snacks. It is located in the second floor of the venue with a great view of the whole Hacking Area. Turn your creative chill mode on and come enjoy the perks at the OP Lounge, the OP and Junction crews warmly welcome you!</p>
</div>
</div> -->
<div class="row">
<div class="col-xs-12">
<h1 class="center">Partners</h1>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://futurice.com' target='_blank'>
<img src="{{ '/images/logos/futurice.svg' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://mlh.io/' target="_blank" >
<img src="{{ '/images/mlh-logo.svg' | prepend: site.baseurl }}" alt="Major League Hacking" title="Major League Hacking">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://shopify.com' target='_blank' >
<img src="{{ '/images/logos/shopify.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://reaktor.com' target='_blank' >
<img src="{{ '/images/logos/reaktor.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://uber.com' target='_blank' >
<img src="{{ '/images/logos/uber.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://klarna.com' target='_blank' >
<img src="{{ '/images/logos/klarna.svg' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://if.fi' target='_blank' >
<img src="{{ '/images/logo_if2.png' | prepend: site.baseurl }}" class="if" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://supercell.com' target='_blank' >
<img src="{{ '/images/logos/supercell.png' | prepend: site.baseurl }}" alt="" class="supercell">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://microsoft.com' target='_blank' >
<img src="{{ '/images/microsoft.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://mehackit.org/' target='_blank' >
<img src="{{ '/images/mehackit.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://railsgirls.com/' target='_blank' >
<img src="{{ '/images/logos/railsgirls.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://flic.io/' target='_blank' >
<img src="{{ '/images/logos/flic.svg' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://unity3d.com/' target='_blank' >
<img src="{{ '/images/logos/unity.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://www.op.fi/op/private-customers?id=10000&srcpl=1&kielikoodi=en' target='_blank' >
<img src="{{ '/images/logos/op.png' | prepend: site.baseurl }}" alt="" class="op">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.suneffects.fi/' target='_blank' >
<img src="{{ '/images/logos/sun-effects.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://en.procountor.com/' target='_blank' >
<img src="{{ '/images/logos/procounter.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://pivotal.io/' target='_blank' >
<img src="{{ '/images/logos/pivotal.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://venuu.fi/' target='_blank' >
<img src="{{ '/images/logos/venuu.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://www.basen.net/' target='_blank' >
<img src="{{ '/images/logos/basen.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://woltapp.com' target='_blank' >
<img src="{{ '/images/logos/WoltLogo.svg' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.finnair.com/fi/fi/' target='_blank' >
<img src="{{ '/images/logos/finnair.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.46elks.com/' target='_blank' >
<img src="{{ '/images/logos/46elks.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.affecto.fi/' target='_blank' >
<img src="{{ '/images/logos/affecto.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://www.codecademy.com/' target='_blank' >
<img src="{{ '/images/logos/codecademy.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://hiq.se/fi/' target='_blank' >
<img src="{{ '/images/logos/hiq.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://www.upcloud.com/' target='_blank' >
<img src="{{ '/images/logos/upcloud.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.enoro.com/' target='_blank' >
<img src="{{ '/images/logos/enoro_white.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.beddit.com/' target='_blank' >
<img src="{{ '/images/logos/beddit.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://ibm.com' target='_blank' >
<img src="{{ '/images/logos/ibm.svg' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://ambronite.com/' target='_blank' >
<img src="{{ '/images/logos/ambronite.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://en.cozify.fi' target='_blank' >
<img src="{{ '/images/logos/cozify.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.solu.co/' target='_blank' >
<img src="{{ '/images/logos/solu.png' | prepend: site.baseurl }}" class="solu" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://jcdecaux.fi/' target='_blank' >
<img src="{{ '/images/logos/jcdecaux.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://billys.fi/' target='_blank' >
<img src="{{ '/images/logos/billys.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.epictv.com/' target='_blank' >
<img src="{{ '/images/logos/epic.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.pebble.com/' target='_blank' >
<img src="{{ '/images/logos/pebble.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.finavia.fi/en/' target='_blank' >
<img src="{{ '/images/logos/finavia.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://www.varusteleka.com/en/' target='_blank' >
<img src="{{ '/images/logos/varusteleka.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.appelsiini.fi/' target='_blank' >
<img src="{{ '/images/logos/elisa_appelsiini.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.fruitkit.fi/' target='_blank' >
<img src="{{ '/images/logos/fruitkit.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.mixradiomusic.com/' target='_blank' >
<img src="{{ '/images/logos/mixradio.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.purewaste.org/' target='_blank' >
<img src="{{ '/images/logos/purewaste.png' | prepend: site.baseurl }}" alt="" class="purewaste">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.callstats.io/' target='_blank' >
<img src="{{ '/images/logos/callstats.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://startuplife.fi/' target='_blank' >
<img src="{{ '/images/logos/startuplife.png' | prepend: site.baseurl }}" alt="" class="startuplife">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://bloomberg.net/' target='_blank' class="">
<img src="{{ '/images/logos/bloomberg.svg' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://tter.ayy.fi/' target='_blank' >
<img src="{{ '/images/logos/tter.png' | prepend: site.baseurl }}" alt="" class="tter">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.nvidia.com/content/global/global.php' target='_blank' >
<img src="{{ '/images/logos/nvidia.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://www.bluediamond.com/' target='_blank' >
<img src="{{ '/images/logos/bluediamond.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='https://uploadcare.com/' target='_blank' >
<img src="{{ '/images/logos/uploadcare.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://johanochnystrom.se/en/' target='_blank' >
<img src="{{ '/images/logos/johanochnystrom_white.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.thinglink.com/' target='_blank' >
<img src="{{ '/images/logos/thinglink.png' | prepend: site.baseurl }}" alt="">
</a></div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 logo-div"><span class="logo-span"></span><a href='http://www.samsung.com/' target='_blank' >
<img src="{{ '/images/logos/samsung.png' | prepend: site.baseurl }}" alt="">
</a></div>
</div>
</section>
</div>
<!-- if-modal -->
<div class="modal fade" id="if-modal" tabindex="-1" role="dialog" aria-labelledby="trackmodal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<i class="fa fa-times-circle close-modal"></i>
<div class="track-box if"></div>
<div class="track-body"><h3 class="track-heading">Pre-emptive Healthcare and Advanced Diagnostics</h3><h4 class="track-subheading">For whom?</h4><p>If welcomes all developers, physicians and digital health enthusiasts to co-create both:<br>- pre-emptive healthcare services to support healthier life and/or<br>- advanced diagnostics services supporting a smooth recovery when something happens<br>If is the leading Nordic insurance company and committed to building a safer and healthier society. In order reach the goal, If actively seeks partnerships and collaboration with the start-up community.</p><h4 class="track-subheading">Track content</h4><p>During the event, participants will be creating new innovative health care products and services using relevant data, the leading API’s and devices, e.g. Apple Watch. The track is powered by IBM Bluemix. Bluemix is the leading platform-as-a-service solution and brings connectivity to IBM’s Watson, which in turn has, among others, multiple health related applications.</p><h4 class="track-subheading">How to win?</h4><p>Be creative with the tools given, help society and win!
<br><br>We’ll organize a matchmaking and introduction event in September-October, so stay posted.</p><h4>Apply and let’s enjoy a great weekend together! #ifhackathon, #ifvakuutus</h4></div>
</div>
</div>
</div>
<!-- futurice-modal -->
<div class="modal fade" id="futurice-modal" tabindex="-1" role="dialog" aria-labelledby="trackmodal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<i class="fa fa-times-circle close-modal"></i>
<div class="track-box futurice"></div>
<div class="track-body"><h2 class="track-heading">FutuLabs</h2><h4 class="track-subheading">Create a device-based service in a weekend.</h4><p>FutuLabs is the Futurice skunkworks initiative where we hack away on the latest and greatest in gadgets and technology. Our library includes devices like the Oculus Rift, Microsoft Band and various 3D printers. We’re constantly on the lookout for upcoming tech and make sure we get our hands on it as soon as possible.</p><h4 class="track-subheading">What FutuLabs is for:</h4><p><strong>Hacker Happiness</strong><br>FutuLabs stems from our software craftsmen honing their craft by playing with the coolest new gear. It allows our hackers to maintain and evolve their skills and enthusiasm, which is vital for creative thinking and idea generation. We don’t limit ourselves to consumer devices, but actively seek out and try to gain access to R&D projects that may someday become products. <br><br><strong>Designer Delight</strong><br>The future is now and we want to design services for it. FutuLabs enables our designers to create experimental services for everyday things of the future. Designers can be hackers too.<br><br><strong>Client Creativity</strong><br>We want to provide our clients with the opportunity to be creative and see their business in new ways. Providing them with the latest upcoming technologies creates real life use cases for cutting edge technology.<br><br><strong>How to win this track:</strong><br>Show us a prototype of a service with great impact and a good story.<br><br>Know about some interesting gadgets that you’d want to hack on in this track? Tweet <strong>#futulabs</strong> <strong><a class="text-link" href="http://twitter.com/futurice">@futurice</a></strong> and we’ll make sure to check it out.</p></div>
</div>
</div>
</div>
<!-- klarna-modal -->
<div class="modal fade" id="klarna-modal" tabindex="-1" role="dialog" aria-labelledby="trackmodal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<i class="fa fa-times-circle close-modal"></i>
<div class="track-box klarna"></div>
<div class="w-container track-body"><h3 class="track-heading">
<h3 class="track-heading">SIMPLIFYING BUYING. AGAIN.</h3>
<p>Buying things you love should be as easy as finding them. And paying shouldn’t be an issue in the buying process. With the featured Klarna API you can offer a pretty close to frictionless way for people to make purchases.</p>
<p>The solution is great for buying digital content of all kinds, paying for parking, pre-ordering take-away coffee or making micro donations to charities. We probably even missed a few use cases that would be just as great.</p>
<p>How to win: Use the API, or any other tool of your choice, in the most creative way, from a UX, m-commerce, design or business perspective. Make a new kind of e-store, a brilliant marketing scheme or something we didn’t even think of. As long as the smooth and simple shopping experience is in the heart of your solution, it’s really up to you.</p>
</div>
</div>
</div>
</div>
<!-- shopify-modal -->
<div class="modal fade" id="shopify-modal" tabindex="-1" role="dialog" aria-labelledby="trackmodal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<i class="fa fa-times-circle close-modal"></i>
<div class="track-box shopify"></div>
<div class="track-body"><h3 class="track-heading">The Future of Commerce. Built by You.</h3><p>Beacons, Apple Pay, <a href="http://www.wired.com/2015/06/pinterest-buyable-pins/" class="text-link" target="_blank">Pinterest Buy</a> - the world of commerce is changing. Both online and off, the technologies that are available to SMBs are bringing the power that was once only available to large retailers, to everyone. Join us at Junction and help bring over 165,000 of our merchants into that future.</p><p>Shopify is a leading cloud-based commerce platform designed for small and medium-sized businesses. Merchants can use the software to design, set up and manage their stores across multiple sales channels, including web, mobile, social media, brick-and-mortar locations, and pop-up shops. Shopify currently powers over 165,000 businesses in approximately 150 countries, including: Tesla Motors, Budweiser, Google, Wikipedia, LA Lakers, GoldieBlox, and many more.</p><p>Come imagine, develop and build the future of commerce with us.</p><h4 class="track-subheading">API’s</h4><p>Shopify is committed to an open platform where third-parties can build apps that seamlessly integrate into the merchant experience. The possibilities are (almost) endless. In the next few months, we will also be releasing new tools to expand these possibilities.</p><p>Get started by checking out our <a class="text-link" target="_blank" href="http://docs.shopify.com/api">API docs</a> and featured <a href="https://docs.shopify.com/mobile-buy-sdk" class="text-link" target="_blank">SDKs</a>.</p><h4 class="track-subheading">How to win this track:</h4><p>Show us something that brings simple function and high value to merchants that enables them to do something they never thought possible.</p></div>
</div>
</div>
</div>
<!-- aero-modal -->
<div class="modal fade" id="aero-modal" tabindex="-1" role="dialog" aria-labelledby="trackmodal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<i class="fa fa-times-circle close-modal"></i>
<div class="track-box aero"></div>
<div class="track-body"><h3 class="track-heading">Air Travel. Redefined.</h3><p>The airline industry is about to undergo a massive transformation. Thanks to increased onboard connectivity, readily available APIs and recent advances in wearable technology - the travel experience (before, during and after) will never be the same. We live in exciting times and we would like you to join Finnair and Reaktor in ushering in a new era of travel tech.</p><p>Finnair and Reaktor are extremely committed to supporting you in this endeavour. Not only will we provide you with support throughout the event, in the shape of food, entertainment and a few surprises; the top teams will also have the opportunity to put their ideas to the test by setting up a pilot. Once these products have undergone testing with real users, Reaktor will assist you so you can hit the market.</p><p>We are serious about shaking up the industry. Get on board.</p></div>
</div>
</div>
</div>
<!-- uber-modal -->
<div class="modal fade" id="uber-modal" tabindex="-1" role="dialog" aria-labelledby="trackmodal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<i class="fa fa-times-circle close-modal"></i>
<div class="track-box uber"></div>
<div class="track-body"><h1>Improving Cities</h1><h4 class="track-subheading">Create an App using the Uber API</h4><p>One of our core principals at Uber is to improve cities, which is why we are looking for developers too do just that. With the Uber API, developers have the ability to build applications that incorporate the entire Uber experience. In this track developers are challenged to use the Uber API to build an app to "improve the city". Developers may use any other APIs in the mix, but must include the Uber API as the primary use case.</p><h4 class="track-subheading">How to win this track:</h4><p>Use the Uber API to build the best app with the most impact. Our team focuses on the following criteria:</p><ol class="list"><li>Design</li><li>Effective use of the API</li><li>Originality</li><li>Impact and utility</li></ol></div>
</div>
</div>
</div>
<!-- rails-modal -->
<div class="modal fade" id="rails-modal" tabindex="-1" role="dialog" aria-labelledby="trackmodal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<i class="fa fa-times-circle close-modal"></i>
<div class="track-box rails"></div>
<div class="track-body">
<h1>Teaching women to code</h1>
<p>Technology should be accessible for everyone. Instead of just consuming and curating, we want to encourage and empower women to create things in the Internet. During a two-day workshop we coach women with no prior experience in programming to gain basic understanding on how the Internet works and what tools are used to build things online.</p>
<p>Rails Girls is a global movement that started in Helsinki 2010. In over 300 events in over 200 cities all around the world from Tokyo to Buenos Aires we have helped around 10 000 women take their first steps in programming.</p>
</div>
</div>
</div>
</div>
<!-- mehackit-modal -->
<div class="modal fade" id="mehackit-modal" tabindex="-1" role="dialog" aria-labelledby="trackmodal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<i class="fa fa-times-circle close-modal"></i>
<div class="track-box mehackit"></div>
<div class="track-body">
<p>Mehackit introduces youth to the maker side of tech via courses and events with robotics and programming. The aim is to give a bunch of empowering confidence, and to get a better understanding of how this world works and what epic stuff there is to build. Checkout our video!
<a href='https://youtu.be/n71XgoBepzs'>https://youtu.be/n71XgoBepzs</a> We're all over Finland now, and soon near you. <3</p>
<p>IF YOU'RE 14-18 YRS OLD AND WANNA JOIN, APPLY NOW!!!!</p>
</div>
</div>
</div>
</div>
<!-- aaltoes-modal-->
<div class="modal fade" id="aaltoes-modal" tabindex="-1" role="dialog" aria-labelledby="trackmodal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<i class="fa fa-times-circle close-modal"></i>
<div class="track-box aaltoes"></div>
<div class="track-body"><h1 class="track-heading">Aaltoes Unlimited feat. Supercell</h1><p>The Aaltoes Unlimited feat. Supercell track is the perfect place to go wild with code. No requirements, no restrictions but all the resources available to build something great. Unlimited Track participants get to combine any of the hardware, APIs, and data available at Junction. </p><p>The goal is to create something new that will make an impact on the future of any field that doesn’t fit the other themes. If you feel like a misfit in the jungle of these Tracks, the Unlimited Track is the right place for you!</p><p>Get on board!</p></div>
</div>
</div>
</div>
<!-- Specs Section -->
<div id="specs">
<div class="bars"></div>
<section class="container content-section text-center">
<div class="row">
<div class="col-md-4">
<h4>For everyone</h4>
<p>No matter whether you are just a beginner or a pro, if you have the passion and a will to create something, we want you to be part of Junction!</p>
</div>
<div class="col-md-4">
<h4>Learn from the best</h4>
<p>We've put together everything you need for you to build your next project. Our amazing partners will help you build whatever you want to create.</p>
</div>
<div class="col-md-4">
<h4>Work as a team</h4>
<p>Get to know the best people. Get to work with other motivated individuals. We're organizing Junction to create a community
of hackers and makers.</p>
</div>
</div>
</section>
<div class="bars"></div>
</div>
<!-- Apply Section -->
<div id="apply">
<section class="container content-section text-center">
<div class="row">
<div class="col-lg-4 col-lg-offset-2">
<h2>500 participants</h2>
<p>We are selecting 500 participants for Junction. Applications are open to everyone! Grab your spot before it's too late.</p>
<p>The best part: Attending is completly free of charge!</p>
</div>
<div class="col-lg-4">
<h2>Located in Helsinki</h2>
<p>Held at the former boiler hall in Suvilahti, Kattilahalli will be buzzing with creative minds.</p>
<p>Address: Sörnäisten rantatie 22, 00540 Helsinki</p>
</div>
</div>
</section>
<div class="dotted-image-bottom"></div>
</div>
<div id="social">
<a href="http://aaltoes.com" target="_blank">
<img src="{{ "/images/icon_aaltoes.png" | prepend: site.baseurl }}" alt="">
</a>
<a href="https://facebook.com/hackjunction" target="_blank">
<img src="{{ "/images/svg_icon_facebook.svg" | prepend: site.baseurl }}" alt="">
</a>
<a href="https://twitter.com/hackjunction" target="_blank">
<img src="{{ "/images/svg_icon_twitter.svg" | prepend: site.baseurl }}" alt="">
</a>
<br>
<p class='contact'>
Contact: <a href='mailto:[email protected]'>[email protected]</a>
</p>
</div>