-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
399 lines (358 loc) · 20.3 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>The Swift Alps</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="css/flexslider.min.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/line-icons.min.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/elegant-icons.min.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/theme.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/custom.css" rel="stylesheet" type="text/css" media="all"/>
<!--[if gte IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie9.css" />
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700%7CRaleway:700' rel='stylesheet' type='text/css'>
<script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<!-- place this in the head of your document -->
<script src="https://js.tito.io/v1" async></script>
</head>
<body>
<div class="loader">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
<div class="nav-container">
<nav class="top-bar overlay-bar">
<div class="container">
<div class="row nav-menu">
<div class="col-sm-3 col-md-2 columns">
</div>
<div class="col-sm-9 col-md-10 columns">
<ul class="menu">
<li><a href="#event">The Event</a></li>
<li><a href="#concept">Concept</a></li>
<li><a href="#mentors">Mentors</a></li>
<li><a href="#venue">Venue</a></li>
<li><a href="#tickets">Tickets</a></li>
</ul>
<ul class="social-icons text-right">
<li>
<a href="https://twitter.com/swiftalps">
<i class="icon social_twitter"></i>
</a>
</li>
</ul>
</div>
</div><!--end of row-->
<div class="mobile-toggle">
<i class="icon icon_menu"></i>
</div>
</div><!--end of container-->
</nav>
</div>
<div class="main-container">
<header class="page-header">
<div class="background-image-holder parallax-background">
<img class="background-image" alt="Background Image" src="img/hero.jpg">
</div>
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<img alt="logo" class="logo" src="img/logo.png">
<h1 class="text-white space-bottom-medium">An experimental event taking place in the Swiss Alps.<br/><br/>
28 and 29 November 2019</h1>
<tito-button event="swissmobiclub/the-swift-alps-2019" class="btn btn-white btn-lg">GET A TICKET</tito-button>
</div>
</div>
</div>
</header>
<section class="duplicatable-content" id="event">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h1>What is the reason to experiment in the conference space?</h1>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="feature feature-icon-large">
<div class="pull-left">
<i class="icon icon-toolbox"></i>
</div>
<div class="pull-right">
<h5>Back to Routine</h5>
<p>
After the conference has ended, it is very common to get back to the office, fire the code editor, try some new stuff and… just forget about it after a week.
</p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="feature feature-icon-large">
<div class="pull-left">
<i class="icon icon-genius"></i>
</div>
<div class="pull-right">
<h5>No Collaboration</h5>
<p>
We usually collaborate only with our co-workers and rarely, with people we don’t know personally over an Open Source project, but still, most of the time is just us and the code.
</p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="feature feature-icon-large">
<div class="pull-left">
<i class="icon icon-telescope"></i>
</div>
<div class="pull-right">
<h5>No Learning Process</h5>
<p>
Learning is a complicated process, we go through many steps while learning something. The current conference model makes learning hard, listening to somebody on a stage
</p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="feature feature-icon-large">
<div class="pull-left">
<i class="icon icon-chat"></i>
</div>
<div class="pull-right">
<h5>No Socialization</h5>
<p>
Socializing is an important part of a conference, for some people is the main reason to go to a conference, but the chances to socialize are limited to breaks and after-party.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pure-text-centered" id="concept">
<div class="container">
<div class="row">
<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 text-center">
<span class="sub alt-font">We want a new...</span>
<h1><strong>Format</strong></h1>
<p class="lead">
The format has been developed by many people, collaborating in a single document, trying to get the best of other formats like hackathons and un-conferences.
</p>
<h1>Intro</h1>
<p class="lead">
The introduction is going to be a 5–7 minutes presentation from the mentors about a topic to run experiments, every attendee can then understand what the group is about and later join it for experiments.
</p>
<h1>Experimenting</h1>
<p class="lead">
Every mentor is going to have a group of people, experimenting on the topic they prepared, maybe with a final goal in mind, but they might also be totally open. All the attendees are going to work with other people they probably never worked with, exchanging knowledge while normalizing the struggle. We’ll shake things up regularly and have 3–4 sessions with each others.
</p>
<h1>Broadcasting</h1>
<p class="lead">
Hacking is important, broadcasting knowledge even more. One mentor is going to be dedicated to help attendees interested in presenting what they have done during the day to all the other attendees in a fire-talk, a 5 minutes technical presentation about a topic, which are going to take place at the end of day.
</p>
<h3>Read more on <a href="https://medium.com/@swiftalps/the-concept-behind-the-swift-alps-5b07e04c7ed1#.490lu02oz">Medium</a>.</h3>
</div>
</div>
</div>
</div>
</section>
<section class="strip" id="mentors">
<div class="container">
<div class="row clearfix">
<h1 class="text-center">Mentors</h1>
<div class="row space-bottom-large">
<div class="col-sm-3">
<div class="team-1-member">
<img height="120px" width="120px" alt="Adam Bell" src="img/adam.jpg" class="img-circle">
<h4><a href="https://twitter.com/b3ll" target="_blank"><strong>Adam Bell</strong></a></h4>
<p class="space-top-small" style="height:10px;">
iOS Engineer<br/><strong>TBA</strong>
</p>
</div><!--end of team member-->
</div>
<div class="col-sm-3">
<div class="team-1-member">
<img height="120px" width="120px" alt="Bas Thomas Broek" src="img/bas.jpg" class="img-circle">
<h4><a href="https://twitter.com/basthomas" target="_blank"><strong>Bas Thomas Broek</strong></a></h4>
<p class="space-top-small" style="height:10px;">
iOS & Tooling Developer<br><strong>TBA</strong>
</p>
</div><!--end of team member-->
</div>
<div class="col-sm-3">
</div>
</div>
</div>
</div>
</section>
<section class="map" id="venue">
<div class="map-holder">
<iframe src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJCcvPQjbgjkcR6Z2KjVXInrQ&key=AIzaSyClHOhtWM0zaWaE6mCzGmgLa398KXgh27U"></iframe>
</div>
</section>
<section class="contact-thirds">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h1>How to reach the venue</h1>
</div>
</div><!--end of row-->
<div class="row">
<div class="col-sm-4">
<h5>From Geneva Airport</h5>
<p>
From the Geneva Airport the easiest way is to take the train from the airport to Sierre.
Once in Sierre, there's a cablecar connecting the station to Crans-Montana.
</p>
<p>
If you get your tickets in advance, you might save some money or, as alternative, SBB is offering some options as the <a href="https://www.sbb.ch/en/travelcards-and-tickets/tickets-for-switzerland/1-day-travelpass/1-day-travelpass-for-the-half-fare-travelcard.html">day pass</a>.
</p>
<hr>
<h5>By car</h5>
<p>
The easiest way to reach the venue by car is to reach the A9 highway and take the exit to Sion.
</p>
<p>
From Sion to Crans-Montana indications are very clear, the journey is around 15-20 minutes.
</p>
</div>
<div class="col-sm-4">
<h5>Hotel</h5>
<p>
For your stay we recommend the following hotels:
<ul>
<li>Hotel Le Green</li>
<li>Hotel Sport Palace</li>
<li>Les Petits Mélèzes</li>
</ul>
<br/>
As alternative, multiple apartments and chalets are available on <a href="https://www.interhome.ch/en/" target="_blank">InterHome</a>.
</p>
<hr>
<h5>Social Day</h5>
<p>
On Saturday, some social activities are planned, so consider staying with us to enjoy a nice day all together.
</p>
</div>
<div class="col-sm-4 text-center">
<h5>Details</h5>
<p class="lead">
<b>Centre de Congrès le Régent</b><br>
Route des Mélèzes 28<br>
CH-3963 Crans-Montana<br>
Switzerland
</p>
</div>
</div><!--end of row-->
</div><!--end of container-->
</section>
<section class="strip bg-secondary-1" id="tickets">
<div class="container">
<div class="row clearfix">
<div class="row space-bottom-large">
<div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center">
<!-- <h1 class="text-white">Get your ticket now!</h1> -->
<h2 class="text-white">We have a <a href="http://confcodeofconduct.com" target="_blank">Code of Conduct</a>, so when you purchase a ticket you agree with it. Please read it carefully before proceeding with the checkout.</h2>
<br/>
<p class="text-white">Ticket includes: lunch and snacks for the 2 days, access to the event and cocktail night.</p>
<br/>
<tito-button event="swissmobiclub/the-swift-alps-2019" class="btn btn-white btn-lg">GET A TICKET</tito-button>
</div>
</div>
</div>
</div>
</section>
<section class="strip bg-white" id="contact">
<div class="container">
<div class="row clearfix">
<div class="col-sm-3 col-xs-12 pull-left">
<a href="mailto:[email protected]" class="btn btn-primary btn-grey">Contact Us</a>
</div>
<div class="col-sm-4 col-xs-12 pull-right text-right">
<ul class="social-icons">
<li>
<a href="https://twitter.com/swiftalps">
<i class="icon social_twitter"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
</div>
<div class="footer-container">
<footer class="short bg-secondary-1">
<div class="container">
<div class="row">
<div class="col-sm-10">
<span class="sub">© Copright 2019 Swiss Mobile Club</span>
</div>
<div class="col-sm-2 text-right">
</div>
</div><!--end of row-->
</div><!--end of container-->
</footer>
</div>
<script src="https://www.youtube.com/iframe_api"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.plugin.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/skrollr.min.js"></script>
<script src="js/spectragram.min.js"></script>
<script src="js/scrollReveal.min.js"></script>
<script src="js/isotope.min.js"></script>
<script src="js/twitterFetcher_v10_min.js"></script>
<script src="js/lightbox.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/scripts.js"></script>
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-77025921-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-TVLHBC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TVLHBC');</script>
<!-- End Google Tag Manager -->
<!-- Twitter universal website tag code -->
<script>
!function(e,n,u,a){e.twq||(a=e.twq=function(){a.exe?a.exe.apply(a,arguments):
a.queue.push(arguments);},a.version='1',a.queue=[],t=n.createElement(u),
t.async=!0,t.src='//static.ads-twitter.com/uwt.js',s=n.getElementsByTagName(u)[0],
s.parentNode.insertBefore(t,s))}(window,document,'script');
// Insert Twitter Pixel ID and Standard Event data below
twq('init','nvh60');
twq('track','PageView');
</script>
<!-- End Twitter universal website tag code -->
</body>
</html>