forked from nextcloud/nextcloud.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
page-conf-2017.php
179 lines (172 loc) · 14.1 KB
/
page-conf-2017.php
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
<head>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/conf-17.css?v=1" rel="stylesheet">
<script>
require(["require.config"], function() {
require(["bootstrap"])
});
</script>
</head>
<section class="hero-section">
<div class="background conf-background">
<div class="container">
<div class="col-md-6 topheader">
<h1>Nextcloud Conference 2017</h1>
<h2>August 22-29, Technical University Berlin</h2>
<a href="<?php echo home_url('conf-2020') ?>" class="button button--arrow button--large button--blue">Go to conf 2020!</a>
</div>
</div>
</div>
</section>
<section class="section--intro">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<!-- <img class="conf-img" src="<?php echo get_template_directory_uri(); ?>/assets/img/conference/conf-logo.svg" alt="logo" /> -->
<!-- <h2></h2> -->
<!-- <h3 class="section--paragraph__title"></h3> -->
<p class="section--paragraph">Annually bringing the global Nextcloud Contributor Community together for a week of coding, design, discussion, talks & fun.</p>
<p class="section--paragraph"><a href="https://nextcloud.com/schedule/2017/speakers.html" class="button button--large button--blue">The speakers</a> <a href="https://nextcloud.com/schedule/2017/schedule.html" class="button button--large button--blue">Full schedule <i class="icon-arrow-circle-o-right icon"></i></a></p>
<!-- <p class="section--paragraph"><a href="https://nextcloud.com/blog/lightning-talks-and-workshops-at-the-nextcloud-conference/" class="hyperlink" >See the program blog</a></p> -->
<p class="section--paragraph"><a class="hyperlink" href="https://nextcloud.com/blog/significant-growth-at-nextcloud-conference-brought-150-customers-colleagues-and-friends-together/">Report from the conference</a></p>
<p class="section--paragraph"><a class="hyperlink" href="https://www.youtube.com/watch?list=PL4eBKdNy6FCHkFwlhUr6JORClr0-bUapV&v=NCo23LS3Yj4">Watch the talks on YouTube</a></p>
<div class="button button--white button--dropdown">
<input class="dropdown-toggle" type="text">
<div class="dropdown-text">Previous conferences</div>
<ul class="dropdown-content">
<li><a href="<?php echo home_url('conf-2020') ?>">Nextcloud Conference 2020</a></li>
<li><a href="<?php echo home_url('conf-2019') ?>">Nextcloud Conference 2019</a></li>
<li><a href="<?php echo home_url('conf-2018') ?>">Nextcloud Conference 2018</a></li>
<li><a href="<?php echo home_url('conf-2017') ?>">Nextcloud Conference 2017</a></li>
<li><a href="<?php echo home_url('conf-2016') ?>">Nextcloud Conference 2016</a></li>
</ul>
</div>
</div>
</div>
</section>
<section class="section--info">
<div class="container">
<div class="row conf-info">
<div class="col-sm-5">
<div class="icon">
<i class="fa fa-code"></i>
<h1>Development</h1>
</div>
<p class="section--paragraph">During the week we collaborate on making Nextcloud better in design, functionality, stability, performance and features. We share code, thoughts, inspiration, beer and knowledge, working in areas like:</p>
<ul>
<li>Coding (PHP, JS, C++, Objective-C, Java)</li>
<li>Design & Front-end</li>
<li>Testing</li>
<li>Translation & Documentation</li>
</ul>
<p class="section--paragraph">People start coming in around 9am and the last usually leave around 9pm.</p>
<p class="section--paragraph">Read our <a class="hyperlink" href="https://nextcloud.com/blog/first-nextcloud-conference-was-a-great-success-videos-are-now-live/" target="_blank">blog on the Nextcloud Conference 2016</a> to get a feeling of the event.</p>
</div>
<div class="col-sm-5 col-sm-offset-2">
<div class="icon">
<i class="fa fa-comments-o"></i>
<h1>Talks & Workshops</h1>
</div>
<p class="section--paragraph">In the weekend of August 26 and 27 we have a program with talks and workshops to provide a chance to learn and improve coding skills on and around Nextcloud. For example:
<ul>
<li>Write your first nextcloud app</li>
<li>Intro to the Android app dev process, why you should join the design team and how we do performance testing</li>
<li>Status updates on the Calendar, Theming and iOS apps</li>
</ul></p>
<p class="section--paragraph">On Friday the 25th we have a <a class="hyperlink" href="https://nextcloud.com/blog/focus-friday-during-the-nextcloud-conference/">special program with a focus on enterprise and large scale Nextcloud usage.</a></p>
<p class="section--paragraph">Check out <a class="hyperlink" href="https://eventyay.com/e/de88e486/schedule/">the full program</a>!</p>
<p class="section--paragraph"><a class="hyperlink" href="https://player.cloud.wowza.com/hosted/rpfqrcyp/player.html">Follow the talks streamed online</a></p>
</div>
</div>
<p class="section--paragraph text-center">This is a hands-on event. <strong>Bring your laptop!</strong></p>
</div>
</section>
<!--
<section class="section--call-for-papers">
<div class="container">
<div class="row text-center">
<h3 class="section--paragraph__title">We have opened our call for papers!</h3>
<p class="section--paragraph">You're invited to contribute your thoughts to our event.</p>
<div class="text-center morebuttondiv">
<a href="https://conf.nextcloud.com/conference/NextcloudConference2017/program/proposal/new" class="button button--large button--arrow">Submit a talk <i class="icon-arrow-circle-o-right icon"></i></a>
</div>
</div>
</div>
</section>-->
<section class="section--details">
<div class="container">
<div class="row">
<div class="col-sm-5">
<!--<p class="section--paragraph">You can also RSVP on <a href="https://www.facebook.com/events/1610744752475847/" target="_blank">Facebook</a>, <a href="http://www.meetup.com/nextcloud-berlin/events/224095898/" target="_blank">Meetup.com</a> or <a href="https://plus.google.com/b/107072838776436530705/events/c2dlfpjfd4600hlt9oh747prlb8" target="_blank">Google+</a>!</p>-->
<h2>Location</h2>
<p class="section--paragraph">Our conference will take place in Berlin at the <em>Technische Universität Berlin</em>, in the "<a class="hyperlink" href="https://www.math.tu-berlin.de/" target="_blank">Institut für Mathematik</a>" building, main entree at Strasse des 17. Juni 136, 10623 Berlin.</p>
<iframe width="100%" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=13.32431048154831%2C52.51259881205445%2C13.328194320201874%2C52.51417400875078&layer=mapnik&marker=52.513385601296605%2C13.326252400875092" style="border: 1px solid black"></iframe><br/><small><a href="http://www.openstreetmap.org/?mlat=52.51339&mlon=13.32625#map=19/52.51339/13.32625">View Larger Map</a></small>
</div>
<div class="col-sm-5 col-sm-offset-2">
<p class="section--paragraph"><a href="<?php echo get_template_directory_uri(); ?>/assets/img/conference/talks.jpg" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/conference/talks_wee.jpg" style="width: 95%" alt="talk" class="aligncenter" /></a></p>
<h2>Entree</h2>
<p class="section--paragraph">The Nextcloud Contributor Conference will be entirely open and free. We only ask you to <a class="hyperlink" href="https://eventyay.com/e/de88e486/" target="_blank">register</a> to help us plan better for the event</p>
</div>
</div>
<div class="row">
<div class="col-sm-5 ">
<p class="section--paragraph"><a href="<?php echo get_template_directory_uri(); ?>/assets/img/conference/drinks.jpg" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/conference/drinks_wee.jpg" style="width: 95%" alt="group photo" class="aligncenter" /></a></p>
<h2>Code of conduct</h2>
<p class="section--paragraph">We want everybody to feel welcome at the event. Please be mindful of our <a class="hyperlink" href="https://nextcloud.com/community/code-of-conduct/">code of conduct</a></p>
<p class="section--paragraph">The conference is an open space which means potential issues. Please be sure that you are comfortable with that. Of course, you can always ask people not to take pictures or video of you but note that there will be video recordings of the talks.</p>
</div>
<div class="col-sm-5 col-sm-offset-2">
<h2 class="conf-acc">Berlin and accommodation</h2>
<p class="section--paragraph">We gathered some hotel options for you! Be quick, last year many hotels already had no space left in May...</p>
<ul>
<li><strong><a class="hyperlink" href="http://www.accorhotels.com/gb/hotel-7968-ibis-budget-berlin-kurfuerstendamm/index.shtml" target="_blank">Ibis Budget Berlin Kurfürstendamm</a></strong> This affordable hotel (starting below Eur 50/night) is two U-bahn stops or a 25 minute walk away from the University. Most of the core developers will be staying here.</li>
<li><strong><a class="hyperlink" href="http://www.aletto.de/en/kudamm" target="_blank">Youth hotel Aletto Kudamm</a></strong> (starting at Eur 50) is walking distance.</li>
<li><a class="hyperlink" href="http://www.allhotels-inn.com/show.php?hotel=876&ref=0" target="_blank">Hotel Amelie</a> is just a quick U-bahn trip away and is affordable.</li>
<li><strong><a class="hyperlink" href="http://www.accorhotels.com/gb/hotel-3649-novotel-berlin-am-tiergarten/index.shtml" target="_blank">Novotel Berlin Am Tiergarten</a></strong> This hotel costs about Eur 75/night but is very conveniently located at the closest S-bahn station. You may hear the train early in the morning or late at night though.</li>
</ul>
<p class="section--paragraph">If these hotels are full or not to your liking, you can use for example <a class="hyperlink" href="http://findhotelsnearanaddress.com/">this site</a> to find something close by the University.</p>
</div>
</div>
</div>
</section>
<section class="section--fridayfocus">
<div class="container-fluid">
<div class="container">
<h1 class="section--heading-1">Friday Focus</h1>
<p class="section--paragraph">Friday August 25 we focus on large enterprise and educational installations of Nextcloud. Participate in workshops to get in-depth knowledge of Nextcloud, find out how to scale your installation efficiently and contribute your ideas.</p>
<p class="section--paragraph"><a class="hyperlink" href="https://nextcloud.com/blog/focus-friday-during-the-nextcloud-conference/">See the Friday Focus program in our blog!</a></p>
<!-- <p class="section--paragraph"><a class="button button--blue button--arrow button--large" href="coming" role="button">Know all the features</a></p> -->
</div>
</div>
</section>
<section class="section--about">
<div class="container">
<div class="row conf-about">
<div class="col-sm-6">
<h2>Last year</h2>
<p class="section--paragraph">The Nextcloud Conference 2016 brought 100 Nextclouders to Berlin. Read our <a class="hyperlink" href="https://nextcloud.com/blog/first-nextcloud-conference-was-a-great-success-videos-are-now-live/" target="_blank">blog</a> to learn more and watch <a class="hyperlink" href="https://www.youtube.com/watch?v=5-oCt3iPhNs&list=PL4eBKdNy6FCElMXt0FxUsfLHaCas2Md9u" target="_blank">the 2016 talks</a> on our youtube channel.</p>
<p class="section--paragraph"><a href="<?php echo get_template_directory_uri(); ?>/assets/img/conference/grouppic2016.jpg" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/conference/grouppic2016_wee.jpg" style="width: 95%" alt="group photo" class="aligncenter" /></a></p>
<!-- <iframe src="//www.youtube-nocookie.com/embed/srGYbsugEPc?list=PLtZe22ggl2YCfEzrHbFCylXGLGYtsHm96" height="360" width="640" allowfullscreen="" frameborder="0"></iframe>-->
</div>
<div class="col-sm-6">
<h2>Thanks!</h2>
<p class="section--paragraph">The event is made possible thanks to the generous donation of the location by the <a class="hyperlink" href="http://www.tu-berlin.de/" target="_blank">Technische Universität Berlin</a> and the financial and practical support of <a class="hyperlink" href="https://nextcloud.com">Nextcloud GmbH</a>. Last but not least, SUSE Linux GmbH supports our Saturday Evening social event!</p>
<p class="section--paragraph"><a href="https://opensuse.org" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/conference/opensuse.png" style="width: 45%" alt="openSUSE logo" class="aligncenter" /></a><a href="http://www.tu-berlin.de/" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/customers/tuberlin.png" style="width: 45%; margin: 2%;" alt="TUBerlin logo" class="aligncenter" /></a></p>
<h2>Questions, suggestions?</h2>
<p class="section--paragraph">Ask! And tell others you will join the conference! Our official hashtag is <em>#nextcloudconf</em> - find us on <a class="hyperlink" title="Nextcloud on Twitter" href="https://twitter.com/nextclouders" target="_blank">Twitter</a>, <a class="hyperlink" title="Nextcloud on Facebook" href="https://www.facebook.com/nextclouders" target="_blank">Facebook</a>. Find some <a class="hyperlink" href="https://github.com/nextcloud/promo/tree/master/Conference" target="_blank">promo materials here</a>.</p>
</div>
</div>
<div class="row">
<div class="blog-social-icons col-md-6 col-md-offset-2">
<a target="_blank" href="https://twitter.com/intent/tweet/?url=<?php echo urlencode(get_permalink()); ?>&via=nextclouders&hashtags=nextcloud">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/social/twitterround.png"></img>
</a>
<a target="_blank" href="https://www.facebook.com/sharer.php?u=<?php echo urlencode(get_permalink()); ?>">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/social/facebook.png"></img>
</a>
<a target="_blank" href="https://plus.google.com/share?url=<?php echo urlencode(get_permalink()); ?>">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/social/googleplus.png"></img>
</a>
</div>
</div>
</div>
</section>