-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
329 lines (264 loc) · 15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>RealityHack</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700,900&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/jquery.fullPage.css" />
<link href="assets/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<!-- GOOGLE ANALYTICS -->
<!-- end GOOGLE ANALYTICS-->
</head>
<body>
<div class="video-overlay">
<div class="close-video"></div>
<div class="video-small">
<div>
<span class="close-small">Close</span>
<div id="playerholder">
<iframe id="player" width="100%" height="480" src="" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<nav id="header" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1 data-menuanchor="page1"><a href="#page1"></a></h1>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li data-menuanchor="page2"><a href="#page2">about</a></li>
<li data-menuanchor="page3"><a href="#page3">organizers</a></li>
<li data-menuanchor="page4"><a href="#page4">details</a></li>
<li data-menuanchor="page5"><a href="#page5">partners</a></li>
<li data-menuanchor="page6"><a href="#page6">let's talk</a></li>
</ul>
</div>
</div>
</nav>
<!-- VIDEO -->
<div id="fullpage" class="container-fluid">
<div class="row">
<section class="section video margin-top">
<h1 class="main-headline">Just hack it!</h1>
<div class="logos">
<img src="assets/img/tauron-mobile.png" alt="tauron-arena">
<img src="assets/img/estimote-mobile.png" alt="estimote">
</div>
<video poster="assets/img/poster.png" autoplay loop muted id="video">
<source src="assets/img/hacktory_video.mp4" type="video/mp4">
<source src="assets/img/hacktory_video.ogv" type="video/webm">
</video>
<a href="#page2" class="arrow-nav"></a>
</section>
<!-- ABOUT -->
<section id="about" class="section about">
<div class="container">
<div class="col-md-6 col-xs-12">
<div><h1 class="headline">about</h1></div>
<p class="text-column">RealityHack is the hackathon that makes reality matter. It’s a groundbreaking series of exciting programming challenges organized by Estimote, both online and offline. The goal is to build stunning apps, that go beyond the boundaries of smartphones and reach into the physical world, creating magical experiences for fellow humans.</p>
<p class="text-column"><strong>RealityHack @ TAURON Arena Kraków</strong> is going to change the way event attendees and concert goers experience the excitement of this amazing facility.</p>
<p class="text-column">The Hackathon takes place at 9:00am on Saturday, June 11th, 2016.<strong> Estimote</strong> and<strong> TAURON Arena Kraków</strong> are calling for hackers and designers to come to the arena and unleash their creativity. Build apps enhancing the visitor experience to win fame and glory!</p>
<p class="text-column">And don’t forget about the before party on June 10th, 7:00pm at the Old Chocolate factory on<strong> Krakusa 11</strong>, where we will discuss the structure and rules of the hackathon, answer all your questions, and provide helpful hints and templates to ensure we can help make your apps and dream become a reality.</p>
</div>
<div class="col-md-6 col-xs-12">
<div class="social-icons">
<a href="https://www.facebook.com/estimote/?fref=ts"><i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i></a>
<a href="https://twitter.com/Estimote"><i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i></a>
<a href="mailto:[email protected]
"><i class="fa fa-envelope fa-2x" aria-hidden="true"></i></a>
</div>
<div class="view-video">
<img src="assets/img/banner-mobile.png" />
<div class="play-button"><i class="fa fa-play fa-4x" aria-hidden="true"></i></div>
<p class="view-video-info">Check out our video</p>
</div>
</div>
<a href="#page3" class="arrow-nav"></a>
</div>
</section>
<!-- ORGANIZERS -->
<section id="organizers" class="section organizers">
<div class="container">
<div class="organizers1 col-md-6 col-xs-12">
<h1 class="headline">organizers</h1>
<div class="tauron-img"></div>
<h3 class="subheading">TAURON Arena Krakow</h3>
<p class="paragraphs-size"><strong>TAURON Arena Kraków</strong> is the biggest indoor event space in Poland and one of the most modern in the world. It has a capacity for over 20,000 people and hosted world-class events from sports championships to shows by the Foo Fighters, Elton John, Hans Zimmer, and Katy Perry. </p>
</div>
<div class=" col-md-6 col-xs-12">
<div class="organizers2">
<div class="estimote-transparent"></div>
<h3 class="subheading">Estimote</h3>
<p class="paragraphs-size"><strong>Estimote</strong> creates an operating system for the physical world. The world’s leading brands, including nearly 70% of Fortune 100, use Estimote Beacons to build the next generation of location-aware applications in retail, hospitality, and culture. Estimote is backed by leading Silicon Valley investors and is a graduate of the famed Y Combinator program.</p>
</div>
</div>
</div>
<a href="#page4" class="arrow-nav"></a>
</section>
<!-- DETAILS-->
<section id="rules" class="section rules">
<div class="container">
<div class="row tabs-left">
<div class="tabbable">
<ul class="nav nav-tabs col-md-2 col-xs-12">
<li class="active"><a href="#a" data-toggle="tab">details</a><img class="arrow-right" src="assets/img/arrow-right.png" alt="arrow-right"></li>
<li><a href="#b" data-toggle="tab">mentors</a><img class="arrow-right" src="assets/img/arrow-right.png" alt="arrow-right"></li>
<li><a href="#c" data-toggle="tab">prizes</a><img class="arrow-right" src="assets/img/arrow-right.png" alt="arrow-right"></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="a">
<div class="col-md-4 col-xs-12">
<p class="paragraphs-size">We kick off at 9:00 AM sharp and your team will have eight hours to develop a mobile app in one of the following categories:</p>
<ul class="list">
<li>Indoor navigation</li>
<li>Show experience</li>
<li>Food & beverage</li>
<li>Merchandise</li>
<li>Prizes and awards</li>
<li>VIP experience</li>
</ul>
</div>
<div class="col-md-6 col-xs-12 paragraphs-size">
<strong>Indoor navigation</strong><br>
Use beacons to make it a breeze for people to find their way around the arena.<p><!-- pagebreak --></p>
<strong>Show experience</strong><br>
Think how you can use location context so people can have more fun at concerts and matches. WIll it be finding friends, hyperlocal media streams, or even posting things to the giant overhead screen? Up to you!<p><!-- pagebreak --></p>
<strong>Food & beverage</strong><br>
Beacons can help you reduce queues, or even make sure people have their food and beverage delivered to their seats.<p><!-- pagebreak --></p>
<strong>Merchandise</strong><br>
Think about how a location-powered app can help tap this revenue stream with coupons, special offers, and tickets.<p><!-- pagebreak --></p>
<strong>Prizes and awards</strong><br>Fans want to connect with the performers and athletes they admire: give them a chance with seat upgrades, lotteries, and contextual games.<p><!-- pagebreak --></p>
<strong>VIP experience</strong><br> Imagine the ways in which a mobile app can ensure you get a touch of luxury, from calling for service to taking part in special auctions.</p>
</div>
</div>
<div class="tab-pane" id="b">
<div class="col-md-4 col-xs-12 paragraphs-size">
<p>There will be experienced mentors on hand to help advise and guide you, ensuring that you can bring the vision of your app to life.</p> We also have a before-party planned for Friday night, 7pm to 9pm, so we can prepare you with all the tools for success! We’ll chat about Use Cases, workshop some ideas, and of course, provide food and drinks.<p> Make sure you drop in at the Old Chocolate Factory, Krakusa 11, Friday June 10th at 7pm!</p>
</div>
<div class="col-md-6 col-xs-12 paragraphs-size">
<p>We’ll also make sure you’re well fed and hydrated, but you’ll need your own computer and an iOS/Android device to work on. Apart from that, good attitude is a must!</p>
<p>If you are interested in volunteering to mentor at the RealityHack, drop us a line at [email protected]</p>
</div>
</div>
<div class="tab-pane" id="c">
<div class="col-md-4 col-xs-12 paragraphs-size">
<p>Every team will be provided Estimote Beacons to complete their projects. While we will program in one of the TAURON Arena Kraków’s large ballrooms, your apps will be showcased for judging throughout the arena, demonstrating how they will enhance experience for event attendees.<p>
</div>
<div class="col-md-6 col-xs-12 paragraphs-size">
<p>The Winning team will receive a standing ovation, exciting prizes, and the bragging rights of having hacked the TAURON Arena Kraków!</p>
<p>Stay tuned for more information</p>
</div>
</div>
</div>
</div>
</div>
<div class="row register">
<div class="col-md-6">
<h1 class="headline">sign up</h1>
<p class="paragraphs-size narrow">Make sure you register yourself and your team before the event so we know how many to plan for! The more the merrier, there is no cost at all. Just let us know so we can be sure there’s more than enough food, drinks, and mentors to go around.</p>
<a href="http://www.eventbrite.com/e/realityhack-tauron-arena-krakow-tickets-25407189588?ref=ebtn" target="_blank" class="btn btn-custom" alt="Eventbrite - RealityHack @ TAURON Arena Kraków">Register</a>
</div>
<div class="col-md-3 margin-space">
<h1 class="headline">when?</h1>
<p><span class="rule-sub">Reality Hack June 11th, 9 AM - 5 PM</p><span class="rule-sub">Before Party June 10th, 7 PM - 9 PM</span>
</div>
<div class="col-md-3">
<h1 class="headline">where?</h1>
<a class="rule-sub"href="https://www.google.pl/maps/place/TAURON+Arena+Krak%C3%B3w/@50.0676558,19.988532,17z/data=!3m1!4b1!4m5!3m4!1s0x47165b2aaa8854c5:0xfdfeadc1a58cb0b0!8m2!3d50.0676558!4d19.9907207?hl=en">Tauron Arena Kraków</a><p class="basic">Before Party on June 10th @ Krakusa 11</p>
</div>
</div>
</div>
<a href="#page5" class="arrow-nav"></a>
</section>
<!-- PARTNERS -->
<section id="partners" class="section partners">
<div class="container res">
<div class="col-xs-12">
<h1 class="headline-partners">partners</h1>
</div>
<div class="row">
<div class="col-md-4 col-xs-12">
<a href="http://estimote.com/">
<img src="assets/img/estimote.png">
</a>
</div>
<div class="col-md-4 col-xs-12">
<a href="https://www.googleforentrepreneurs.com/">
<img src="assets/img/google.png">
</a>
</div>
<div class="col-md-4 col-xs-12">
<a href="https://www.aldebaran.com/en">
<img src="assets/img/aldebaran.png">
</a>
</div>
</div>
<div class="row space">
<div class="col-md-4 col-xs-12">
<a href="https://www.twilio.com/">
<img src="assets/img/twilio.png">
</a>
</div>
<div class="col-md-4 col-xs-12">
<a href="https://www.cdprojekt.com/pl/">
<img src="assets/img/cd-project.png">
</a>
</div>
<div class="col-md-4 col-xs-12">
<a href="http://www.dicepl.us/en/">
<img src="assets/img/dice-plus.png">
</a>
</div>
</div>
</div>
<a href="#page6" class="arrow-black"></a>
</section>
<!-- TALK -->
<section id="talk" class="section talk">
<div class="container">
<h1 class="headline">let's talk</h1>
<div class="row">
<div class="col-md-4 col-xs-12 feed-twitter">
<div class="iframe-container">
<p class="feed-headline">twitter</p>
<!--Twitter widget goes below this comment -->
<!--Old Twitter for layout -->
<a class="twitter-timeline" href="http://Twitter.com/Estimote" data-widget-id="459702966442659840" data-chrome="nofooter transparent" data-border-color="#61B862">Tweets by Estimote</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
<div class="col-md-4 col-xs-12 feed-face">
<p class="feed-headline">facebook</p>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F/estimote/?fref=ts
&width&height=395&colorscheme=light&show_faces=false&header=false&stream=true&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:400px;" allowTransparency="true"></iframe>
</div>
<div class="col-md-4 col-xs-12 newsletter">
<p class="feed-headline">register</p>
<a href="http://www.eventbrite.com/e/realityhack-tauron-arena-krakow-tickets-25407189588?ref=ebtn" target="_blank" class="btn btn-custom" alt="Eventbrite - RealityHack @ TAURON Arena Kraków">Register</a>
<p class="sub">Make sure you sign up by registering on our EventBrite page!</p>
</div>
</div>
</div>
<a href="#page1" class="arrow-up"></a>
</section>
</div>
</div>
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<script type="text/javascript" src="js/jquery.fullPage.js"></script>
<script src="assets/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scroll.js"></script>
<script type="text/javascript" src="js/video.js"></script>
</body>
</html>