-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·710 lines (672 loc) · 34.2 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
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
<!DOCTYPE html>
<html lang="en">
<head>
<title>App Builders 2020</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link
href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,600i,700,700i,800,800i,900,900ii%7CPoppins:300,400,500,600,700"
rel="stylesheet">
<!-- Font Family -->
<link rel="stylesheet" href="css/fonts/font-awesome.min.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
<!-- Et Line -->
<link rel="stylesheet" href="css/et-line/et-line.css">
<!-- Carousel -->
<link href="css/owl-carousel/owl.carousel.css" rel="stylesheet">
<!-- Image Popup -->
<link href="css/gallery/magnific-popup.css" rel="stylesheet">
<!-- Navigation Style -->
<link rel="stylesheet" href="css/navigation-menu.css">
<!-- Theme Style -->
<link rel="stylesheet" href="css/style.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
<script src="https://js.tito.io/v1" async></script>
<!-- Vue.js -->
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
<!-- Firebase -->
<script src="https://www.gstatic.com/firebasejs/4.9.1/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.9.1/firebase-firestore.js"></script>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand"><a href="" class="logo"><img src="img/logo.png" alt="image"></a></div>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#speakers" class="dropdown-toggle">🎤 Speakers</a>
</li>
<li class="dropdown full_menu shortcode active">
<a href="#tickets" class="dropdown-toggle">🎟 Tickets</a>
</li>
<li class="dropdown">
<a href="#sponsors" class="dropdown-toggle">🤝 Sponsors</a>
</li>
<li class="dropdown">
<a href="#schedule" class="dropdown-toggle">⏰ Schedule</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Slider -->
<section class="mi-event mi-bg-image mi-full-height text-center">
<div class="mi-overlay-black"></div>
<div class="container-fluid">
<div class="row">
<div class="mi-slider-caption mi-fullwidth">
<div class="mi-caption-text">
<h1>App Builders 2020</h1>
<h3 style="color: white;">May 10-12, 2020</h3>
<tito-button class="mi-btn" event="swissmobiclub/app-builders-2020">Buy Ticket from CHF 100
</tito-button>
</div>
</div>
<div class="mi-scroll-line">
<span>scroll down</span>
</div>
</div>
</div>
</section>
<!-- Team -->
<section class="mi-creative-caption" id="speakers">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="mi-heading">
<span class="mi-small-heading">Meet The Speakers and Storytellers</span>
<h2>Speakers</h2>
</div>
</div>
</div>
<div class="row mi-mt-20">
<div class="col-sm-6 col-md-4" v-for="speaker in speakers">
<div class="mi-hove-figure">
<div class="mi-rect-block">
<figure class="mi-figure" style="max-width: 275px; max-height: 275px;">
<a v-bind:href="'https://twitter.com/' + speaker.twitter"
v-show="speaker.twitter != null" target="_blank"><img v-bind:src="speaker.picture"
alt="image"></a>
<a v-bind:href="speaker.website" v-show="speaker.website != null" target="_blank"><img
v-bind:src="speaker.picture"></a>
</figure>
<div class="mi-rect-bg"></div>
</div>
<div class="mi-caption" style="max-height:200px;">
<h3 style="margin-bottom:10px;">{{ speaker.firstName }} {{ speaker.lastName }}</h3>
<p style="margin-bottom:10px;">{{ speaker.jobTitle }} <span v-if="speaker.company != ''">@
{{ speaker.company }}</span></p>
<ul class="mi-social-links" v-show="speaker.twitter != null">
<li><a v-bind:href="'https://twitter.com/' + speaker.twitter" target="_blank"><i
class="fa fa-twitter"></i></a></li>
</ul>
<ul class="mi-social-links" v-show="speaker.website != null">
<li><a v-bind:href="speaker.website" target="_blank"><i class="fa fa-globe"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-4" v-for="speaker in speakers2">
<div class="mi-hove-figure">
<div class="mi-rect-block">
<figure class="mi-figure" style="max-width: 275px; max-height: 275px;">
<a v-bind:href="'https://twitter.com/' + speaker.twitter"
v-show="speaker.twitter != null" target="_blank"><img v-bind:src="speaker.picture"
alt="image"></a>
<a v-bind:href="speaker.website" v-show="speaker.website != null" target="_blank"><img
v-bind:src="speaker.picture"></a>
</figure>
<div class="mi-rect-bg"></div>
</div>
<div class="mi-caption" style="max-height:200px;">
<h3 style="margin-bottom:10px;">{{ speaker.firstName }} {{ speaker.lastName }}</h3>
<p style="margin-bottom:10px;">{{ speaker.jobTitle }} <span v-if="speaker.company != ''">@
{{ speaker.company }}</span></p>
<ul class="mi-social-links" v-show="speaker.twitter != null">
<li><a v-bind:href="'https://twitter.com/' + speaker.twitter" target="_blank"><i
class="fa fa-twitter"></i></a></li>
</ul>
<ul class="mi-social-links" v-show="speaker.website != null">
<li><a v-bind:href="speaker.website" target="_blank"><i class="fa fa-globe"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Event Schedule -->
<section id="schedule">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="mi-heading">
<span class="mi-small-heading">Schedule</span>
<h2>Event Schedule</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3>Monday 11th</h3>
<ul class="mi-mr-60">
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>📢 11:00</strong></div>
<div class="mi-timeline-marker"><strong>Keynote: UI Testing over the years</strong></div>
<div class="mi-timeline-para">Peter Steinberger</div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>📢 11:45</strong></div>
<div class="mi-timeline-marker"><strong>Property Wrappers or How Swift decided to become Java</strong></div>
<div class="mi-timeline-para">Vincent Pradeilles</div>
<hr/>
<div>
<p>Swift 5.1 brought a new construct to the language: Property Wrappers. SwiftUI, for instance, relies heavily on it to provide its system of data-binding through annotations like <code>@State</code>, <code>@EnvironmentObjects</code>, etc.</p>
<p>Unlike other language improvements, Codable for instance, Apple hasn’t restricted the use of this new feature to its own frameworks: any codebase is free to leverage it to implement custom property attributes that will suit its own specific needs.</p>
<p></p>While this is a great opportunity to factorise common behaviours throughout a project, one can still wonder: won’t it hurt code readability and predictability on the long run? Keeping code short is good, but if it’s achieved through a collection of arcane annotations, it might end up defying the original intent.</p>
<p>In this talk, I want to introduce what Property Wrappers are, give some example of how they can be leveraged, and try to provide some guidelines on when we they should or shouldn’t be use.</p>
</div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>📢 12:30</strong></div>
<div class="mi-timeline-marker"><strong>Getting Started with Combine</strong></div>
<div class="mi-timeline-para">Shai Mishali</div>
<hr/>
<div>
<p>In the last WWDC, Apple has finally released it's very own framework for declarative processing of values over time, making the skill of Reactive Programming a must for your toolset. But what does it actually mean, and why is it at all helpful for you as a developer? What are the tools and constructs Apple provide for us as developers?</p>
<p>In this talk you'll learn:</p>
<ul class="list-group">
<li class="list-group-item"> What _is_ Reactive Programming?</li>
<li class="list-group-item"> How Combine differs from other Reactive Declarative frameworks</li>
<li class="list-group-item"> Basic building blocks: Publisher, Subscriber, Subscription, Subjects and more</li>
<li class="list-group-item"> The anatomy and lifecycle of a Combine event</li>
<li class="list-group-item"> Combine vocabulary: Operators - the 'words' that make up your Combine chain</li>
<li class="list-group-item"> Combine & Foundation: Apple-provided APIs to ease your day-to-day development with Combine and existing Swift APIs</li>
<li class="list-group-item"> Combine's role in SwiftUI</li>
<li class="list-group-item"> What is Backpressure?</li>
<li class="list-group-item"> And much more ...</li>
</ul>
</div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>🍝 13:00</strong></div>
<div class="mi-timeline-marker"><strong>Lunch</strong></div>
<div class="mi-timeline-para"></div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>📢 14:30</strong></div>
<div class="mi-timeline-marker"><strong>Building quantum computers that empower society to solve the world’s biggest problems</strong></div>
<div class="mi-timeline-para">Sebastian Weidt</div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info">📢 15:15</div>
<div class="mi-timeline-marker"><strong>Building Swift CLIs</strong></div>
<div class="mi-timeline-para">Marek Fořt</div>
<hr/>
<div>Swift is mostly used for iOS apps but there are a lot of other areas for which it is a good fit. One of these is Swift CLIs. Let’s see how you can build a command line interface quickly, while ensuring it is still maintainable and easy to use. One of the key parts will be leveraging the new ArgumentParser library by Apple and Swift Package Manager libraries, and so we will have a deeper look of how SPM works under the hood.</div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>☕️ 15:45</strong></div>
<div class="mi-timeline-marker"><strong>Coffee Break</strong></div>
<div class="mi-timeline-para"></div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info">📢 16:30</div>
<div class="mi-timeline-marker"><strong>Apps for All: Making Software Accessible</strong></div>
<div class="mi-timeline-para">Matthew Bischoff</div>
<hr/>
<div>What does it take to build software that’s truly usable for as many people as possible? This talk will focus on improving the accessibility of the apps we build. Drawing on examples from the fields of architecture and design, as well as Matt’s experience, it will explore the how and why of iOS accessibility in the broader contexts of ability and inclusion. Attendees will learn how to audit their application for accessibility and get started making changes that will open it up to new groups of customers. </div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>⚡️ 17:15</strong></div>
<div class="mi-timeline-marker"><strong>Lightning Talks</strong></div>
<div class="mi-timeline-para">TBA</div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>📢 18:00</strong></div>
<div class="mi-timeline-marker"><strong>Accessibility for iOS: doing well by doing good</strong></div>
<div class="mi-timeline-para">John Fox</div>
<hr/>
<div><p>If you're serious about your iOS app, you need to be serious about making your app's user experience a pleasant and efficient one for people who depend on assistive technologies such as VoiceOver. Apple's tools and frameworks do almost all of the heavy lifting for you, especially if your app uses mostly standard components. It's much more a question of empathy than technical difficulty, even when you need to do a little extra work for custom UI elements.</p>
<p>At Netflix, we care a lot about accessibility both from a content and software point of view. Investments in ensuring high-quality accessibility yield multiple benefits from making automated testing possible to ensuring customer happiness. I'll share several code-level examples covering simple cases to some of the most challenging, including interoperation between VoiceOver and Voice Control.</p></div>
</div>
</ul>
</div>
<div class="col-md-6">
<h3>Tuesday 12th</h3>
<ul class="mi-mr-60">
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>📢 11:00</strong></div>
<div class="mi-timeline-marker"><strong>Practical machine learning for iOS apps</strong></div>
<div class="mi-timeline-para">Paris Buttfield-Addison</div>
<hr/>
<div>Machine learning is incredibly popular right now, but is it actually useful when you're building iOS apps? How does it work anyway? Isn't there lots of unpleasant mathematics involved? Let's find out, together. In this session, Paris will explore what's possible with machine learning on iOS, using Apple's CreateML and CoreML technologies.
What can be done with machine learning? You can enhance your iOS apps everywhere from search, to personalisation, to predictively enhancing the user interface, based on what your users have done in the past. Together, we'll explore how you can use CreatML to train useful machine learning models, using a couple of real-world case studies, and we'll see how easy it is to incorporate those models into your iOS apps using CoreML.
Privacy-enhancing on-device machine learning does not require a comprehensive mathematical background: it's friendly, and accessible, and a great way to take your iOS apps into the future with new features, embracing Apple's newest technologies, and to make yourself more employable.
Join me, and learn everything you need to get started with practical, app-based machine learning.</div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>📢 11:45</strong></div>
<div class="mi-timeline-marker"><strong>Small team. Big Open Source.</strong></div>
<div class="mi-timeline-para">Rodrigo Arsuaga</div>
<hr/>
<div>A question we get asked often is how our small team that develops custom software was able to organize itself to create several popular open source projects.
In this talk we will get honest about the principles and key practices that organizations needs to foster in order to build a culture that encourages the creation of new and innovative Open Source material.
We will also go through the benefits of building an Open Source culture, how to come up with good ideas, and the initial steps to create an Open Source project.</div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>🧵 12:30</strong></div>
<div class="mi-timeline-marker">Story Session</div>
<div class="mi-timeline-para">Steve Scott</div>
<hr/>
With guest: Paul Hudson
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>🍝 13:00</strong></div>
<div class="mi-timeline-marker"><strong>Lunch</strong></div>
<div class="mi-timeline-para"></div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>📢 14:30</strong></div>
<div class="mi-timeline-marker"><strong>Custom UI Components in SwiftUI</strong></div>
<div class="mi-timeline-para">Chris Eidhof</div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>📢 15:15</strong></div>
<div class="mi-timeline-marker"><strong>UI Mode: Pitch Black</strong></div>
<div class="mi-timeline-para">Lea Marolt Sonnenschein</div>
<hr/>
<div>Accessibility has long been at the forefront of Apple's mission statement. Designing for accessibility often leads to solutions that are better for everyone, similar to how solving for edge cases helps you create a stronger codebase. Apple makes it simple to add an additional layer of accessibility to your UI, which works great in small self-contained examples. But have you ever tried to play these interactions out in a complete app flow? Have you tried it blindfolded? In this talk you'll experience what it's like to use an app without a GUI and figure out what you need to navigate it from start to finish.</div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>☕️ 15:45</strong></div>
<div class="mi-timeline-marker"><strong>Coffee Break</strong></div>
<div class="mi-timeline-para"></div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>⚡️ 16:30</strong></div>
<div class="mi-timeline-marker"><strong>Lightning Talks</strong></div>
<div class="mi-timeline-para">TBA</div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>📢 17:15</strong></div>
<div class="mi-timeline-marker"><strong>Building a Realtime video processor with Swift and Metal</strong></div>
<div class="mi-timeline-para">Ben Sandofsky</div>
<hr/>
<div>
This talk covers the low-level details of processing video in realtime. We draw from the experience building the in-house video renderer that powers Halide and Spectre. We’ll cover GPU programming, data oriented design, and affordances of Swift that make it a competitive alternative to C++. Even if you use a higher level framework, you’ll walk away from the talk understanding what the frameworks do under the hood.
</div>
</div>
<div class="mi-timeline-item">
<div class="mi-timeline-info"><strong>📢 18:00</strong></div>
<div class="mi-timeline-marker"><strong>Making Your Voice Heard</strong></div>
<div class="mi-timeline-para">Erica Sadun</div>
</div>
</ul>
</div>
</div>
</div>
</section>
<!-- Tickets -->
<section class="mi-pricing-table mi-section-bottom" id="tickets">
<div class="container">
<div class="row text-center">
<div class="col-md-12">
<div class="mi-short-heading mi-pt-0">
<h2>Buy Your Ticket</h2>
</div>
</div>
<div class="col-sm-6">
<div class="mi-price-block mi-bg-image">
<h3>Remote</h3>
<span class="mi-big-no">CHF 100</span>
<hr>
<ul class="mi-price-list">
<li>
<p>2 Days of Knowledge</p>
</li>
<li>
<p>Meet people with similar interests from all around the world</p>
</li>
</ul>
<hr>
<tito-button class="mi-btn mi-mt-20" event="swissmobiclub/app-builders-2020">Register
</tito-button>
</div>
</div>
<div class="col-sm-6">
<div class="mi-price-block mi-bg-image">
<h3>Remote (Supporter Package)</h3>
<span class="mi-big-no">CHF 120</span>
<hr>
<ul class="mi-price-list">
<li>
<p>2 Days of Knowledge</p>
</li>
<li>
<p>Meet people with similar interests from all around the world</p>
</li>
<li>
<p>Actually Useful Swag</p>
</li>
</ul>
<hr>
<tito-button class="mi-btn mi-mt-20" event="swissmobiclub/app-builders-2020">Register
</tito-button>
</div>
</div>
<div class="col-md-12">
<div class="mi-pt-0">
<span>If you would like to be considered for a scholarship or diversity ticket please <a
href="mailto:info@swissmobiclub.org?subject=App%20Builders%202020%3A%20Scholarship"
style="text-decoration: underline;">contact us</a>.</span>
</div>
<div class="mi-pt-0">
<span>If you would like to pay by invoice please <a
href="mailto:info@swissmobiclub.org?subject=App%20Builders%202020%3A%20Ticket%20Invoice%20Request&body=Please%20issue%20an%20invoice%20to%20%3CYour%20Company%20Name%20and%20Address%3E%20for%20%3CNumber%20of%20tickets%3E%20tickets%20for%20App%20Builders%202020."
style="text-decoration: underline;">contact us</a> with the number of tickets you'd like
and your details.</span>
</div>
</div>
</div>
<div class="row text-center" id="coc">
<div class="col-md-12">
<div class="mi-short-heading mi-pt-0">
<span class="mi-small-heading">Code of Conduct</span>
<p>When your purchase a ticket, you also agree to our Code of Conduct. Read it carefully before
purchasing a ticket.</p>
<h1>App Builders 2020 Code of Conduct</h1>
<p>
All attendees, speakers, sponsors and volunteers at our conference are
required to agree with the following code of conduct. Organisers will
enforce this code throughout the event. We expect cooperation from all
participants to help ensure a safe environment for everybody.
</p>
<h2>The Quick Version</h2>
<p>
Our conference is dedicated to providing a harassment-free conference
experience for everyone, regardless of gender, gender identity and
expression, age, sexual orientation, disability, physical appearance, body
size, race, ethnicity, religion (or lack thereof), or technology choices.
We do not tolerate harassment of conference participants in any form.
Sexual language and imagery is not appropriate for any conference venue,
including talks, workshops, parties, Twitter and other online media.
Conference participants violating these rules may be sanctioned or
expelled from the conference <em>without a refund</em> at the discretion
of the conference organisers.
</p>
<h2>The Less Quick Version</h2>
<p>
Harassment includes offensive verbal comments related to gender, gender
identity and expression, age, sexual orientation, disability, physical
appearance, body size, race, ethnicity, religion, technology choices,
sexual images in public spaces, deliberate intimidation, stalking,
following, harassing photography or recording, sustained disruption of
talks or other events, inappropriate physical contact, and unwelcome
sexual attention.
</p>
<p>
Participants asked to stop any harassing behavior are expected to comply
immediately.
</p>
<p>
Sponsors are also subject to the anti-harassment policy. In particular,
sponsors should not use sexualised images, activities, or other material.
Booth staff (including volunteers) should not use sexualised
clothing/uniforms/costumes, or otherwise create a sexualised environment.
</p>
<p>
If a participant engages in harassing behavior, the conference organisers
may take any action they deem appropriate, including warning the offender
or expulsion from the conference with no refund.
</p>
<p>
If you are being harassed, notice that someone else is being harassed, or
have any other concerns, please contact a member of conference staff
immediately. Conference staff can be identified as they'll be wearing
branded clothing and/or badges.
</p>
<p>
Conference staff will be happy to help participants contact venue
security or local law enforcement, provide escorts, or otherwise assist
those experiencing harassment to feel safe for the duration of the
conference. We value your attendance.
</p>
<p>
We expect participants to follow these rules at conference and workshop
venues and conference-related social events.
</p>
<p>Original Source: <a href="https://confcodeofconduct.com">https://confcodeofconduct.com</a>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="mi-grid" id="sponsors">
<div class="container">
<div class="row text-center">
<div class="col-md-12">
<div class="mi-heading">
<span class="mi-small-heading">Thanks to our</span>
<h2>Sponsors</h2>
</div>
</div>
</div>
<div class="row" style="padding-top: 40px; padding-bottom: 80px;">
<div class="col-md-2"></div>
<div class="col-md-4">
<a href="https://www.dreipol.ch" target="_blank">
<img style="height: 100px;" src="img/sponsors/dreipol.svg">
</a>
</div>
<div class="col-md-4">
<a href="https://atipik.ch" target="_blank">
<img style="height: 100px;" src="img/sponsors/atipik.svg">
</a>
</div>
<div class="col-md-2"></div>
</div>
<div class="row text-center">
<div class="col-md-12">
<div class="mi-heading">
<p>Are you sending your mobile team to App Builders and would like a group discount? Do you want
to promote your product? <br> Or do you simply want to let people know what cool things your team
is up to? If so, get in touch with us and we'll find the best option for you.</p>
</div>
</div>
</div>
<div class="row text-center">
<div class="mi-items-list">
<div class="col-xs-12 col-sm-6 col-md-6 mi-single-item">
<figure class="mi-figure" style="box-shadow: 0 8px 45px rgba(30,30,30,0.1);">
<img src="img/sponsors.jpg" alt="img01">
</figure><br>
<h3>Promote your company and product.</h3>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 mi-single-item">
<figure class="mi-figure" style="box-shadow: 0 8px 45px rgba(30,30,30,0.1);">
<img src="img/sponsors-2.jpg" alt="img01">
</figure><br>
<h3>Get cheapers tickets for your team.</h3>
</div>
</div>
<div class="col-md-12"><a class="mi-btn mi-mt-20" href="mailto:sponsorship@swissmobiclub.org">Get in touch</a></div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row text-center">
<div class="col-md-12">
<div class="mi-heading">
<span class="mi-small-heading">Meet the Team Behind the Conference</span>
<h2>About Us</h2>
</div>
<div class="mi-mb-40">
<p>We are a small distributed team with a big passion to create conferences for the community.
We organized more than 6 conferences for mobile developers since 2016 with a total of over
1000 attendees from all over the world. You can be sure that we will do our best to create
the best experience possible.</p>
</div>
</div>
<div class="col-xs-6 col-md-2">
<div class="mi-hove-figure">
<div class="mi-rect-block" style="padding: 20px;">
<a href="https://twitter.com/_Caro_N" target="_blank">
<figure class="mi-figure">
<img src="img/caro.jpg" alt="image">
</figure>
</a>
</div>
<div class="mi-caption" style="text-align: center; padding: 0px; margin-top: 20px;">
<h3>Carola Nitz</h3>
</div>
</div>
</div>
<div class="col-xs-6 col-md-2">
<div class="mi-hove-figure">
<div class="mi-rect-block" style="padding: 20px;">
<a href="https://twitter.com/LucaScuderi" target="_blank">
<figure class="mi-figure">
<img src="img/luca.jpg"
alt="image">
</figure>
</a>
</div>
<div class="mi-caption" style="text-align: center; padding: 0px; margin-top: 20px;">
<h3>Luca Scuderi</h3>
</div>
</div>
</div>
<div class="col-xs-6 col-md-2">
<div class="mi-hove-figure">
<div class="mi-rect-block" style="padding: 20px;">
<a href="https://twitter.com/flufffel" target="_blank">
<figure class="mi-figure">
<img src="img/sean.jpg" alt="image">
</figure>
</a>
</div>
<div class="mi-caption" style="text-align: center; padding: 0px; margin-top: 20px;">
<h3>Seán Labastille</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="mi_main_footer">
<div class="container">
<div class="row">
<div class="col-sm-4 navbar-inverse">
<h5 style="color:white;">Previous Editions</h5>
<a class="btn-link" href="https://19.appbuilders.ch">2019</a>
<a class="btn-link" href="https://2018.appbuilders.ch">2018</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 mi_footer_logo mi-mb-30">
<p>Found a bug in the website? Start contributing, it's <a
href="https://github.com/swissmobiclub/ab2k19" target="_blank"
style="color:white; text-decoration: underline;">open source</a>.</p>
<ul>
<li><a href="https://twitter.com/appbuilders_ch" class="border_round tran3s"><i
class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="https://www.facebook.com/appbuildersch/" class="border_round tran3s"><i
class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="https://github.com/swissmobiclub" class="border_round tran3s"><i
class="fa fa-github" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 mi_subscribe_now mi-mb-30">
<h3>Subscribe Now</h3>
<p class="mi-mb-30" style="color: white;">We will only send emails regarding App Builders, no
spam, ever.</p>
<form
action="https://appbuilders.us12.list-manage.com/subscribe/post?u=34f0052f561ed76a524b93bd1&id=7a6a38f36b"
method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"
class="validate" target="_blank" novalidate="">
<!-- <div class="form-group"> -->
<input type="text" value="" placeholder="you@amazing.com" name="EMAIL"
id="newsletter-form-email" class="form-control form-control-lg"
placeholder="Your Email Here" autocomplete="off">
<button type="submit" class="p_color_bg tran3s"
style="text-decoration: none;border: none; outline:none;"><i class="fa fa-paper-plane-o"
aria-hidden="true"></i></button>
<!-- <button type="submit" class="p_color_bg tran3s id="mc-embedded-subscribe">Subscribe</button> -->
<!-- </div> -->
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text"
name="b_34f0052f561ed76a524b93bd1_7a6a38f36b" tabindex="-1" value=""></div>
</form>
<!-- <form action="#">
<input type="text" placeholder="Email Address">
<button class="p_color_bg tran3s"><i class="fa fa-paper-plane-o" aria-hidden="true"></i></button>
</form> -->
</div>
</div>
</div>
</div>
<div class="mi_footer-bottom">
<div class="container f-b">
<div class="mi-f-b">Getin Business Templates © 2018 - Customized by App Builders.</div>
</div>
</div>
</footer>
<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-101009948-1', 'auto'); ga('send', 'pageview');</script>
<script src="js/jquery/jquery-2.1.3.min.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap/bootstrap.min.js"></script>
<!-- Jquery Plugins -->
<script src="js/plugins/plugin_js.js"></script>
<!-- Modal Popup -->
<script src="js/popup/modernizr.custom.js"></script>
<script src="js/popup/classie.js"></script>
<script src="js/popup/modalEffects.js"></script>
<!-- Counters -->
<script src="js/counter/jquery.waypoints.min.js"></script>
<script src="js/counter/jquery.counterup.min.js"></script>
<script src="js/counter/jquery.countdown.js"></script>
<!-- Filter -->
<script src="js/filter/isotope.pkgd.min.js"></script>
<!-- Owl Carousel -->
<script src="js/owl-carousel/owl.carousel.js"></script>
<!-- Image Popup -->
<script src="js/gallery/jquery.magnific-popup.min.js"></script>
<!-- Map API -->
<!-- Main Jquery -->
<script src="js/main.js"></script>
<script src="js/speakers.js"></script>
</body>
</html>