forked from nextcloud/nextcloud.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
page-include.php
335 lines (315 loc) · 22.2 KB
/
page-include.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
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
<head>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/css/pages/include.css?v=1">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/vendor/dsgvo-video-embed.min.css">
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/dsgvo-video-embed.min.js"></script>
<script>
require(["require.config"], function() {
require(["pages/collabora", "modules/youtubePlayer", "modules/codeHighlights"])
});
</script>
<meta itemprop="image" content="<?php bloginfo('template_directory'); ?>/assets/img/headers/include.jpg">
<meta name="twitter:image" content="<?php bloginfo('template_directory'); ?>/assets/img/headers/include.jpg">
<meta name="twitter:image:src" content="<?php bloginfo('template_directory'); ?>/assets/img/headers/include.jpg">
<meta property="og:image" content="<?php bloginfo('template_directory'); ?>/assets/img/headers/include.jpg">
</head>
<div class="background include-background">
<div class="container">
<div class="row">
<div class="col-md-6 topheader">
<h1><?php echo $l->t('Nextcloud Include');?></h1>
<h2><code><?php echo $l->t('Supporting diversity in open source');?></code></h2>
</div>
</div>
</div>
</div>
<section class="section--intro">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p class="section--paragraph text-center"><?php echo $l->t('Diversity strengthens a community. The Nextcloud Include initiative helps underrepresented groups to join the Nextcloud project, building an inclusive and diverse space where we collaborate and develop world class software.');?></p>
</div>
</div>
</div>
</section>
<section class="section--overview">
<div class="container-widest">
<div class="row">
<div class="col-md-4">
<div class="icon text-center"><img src="<?php bloginfo('template_directory'); ?>/assets/img/icons/conversation.svg" /></div>
<h3 class="section--paragraph__title text-center"><?php echo $l->t('Mentoring');?></h3>
<p class="section--paragraph text-center"><?php echo $l->t('We provide mentoring to people new to our community.');?></p>
</div>
<div class="col-md-4">
<div class="icon text-center"><img src="<?php bloginfo('template_directory'); ?>/assets/img/icons/travel.svg" /></div>
<h3 class="section--paragraph__title text-center"><?php echo $l->t('Travel support');?></h3>
<p class="section--paragraph text-center"><?php echo $l->t('We sponsor the travel & accommodation to help people from underrepresented groups in opensource to join Nextcloud events.');?></p>
</div>
<div class="col-md-4">
<div class="icon text-center"><img src="<?php bloginfo('template_directory'); ?>/assets/img/icons/internship.svg" /></div>
<h3 class="section--paragraph__title text-center"><?php echo $l->t('Internships');?></h3>
<p class="section--paragraph text-center"><?php echo $l->t('We hire students from underrepresented groups to intern at Nextcloud GmbH.');?></p>
</div>
</div>
</div>
</section>
<div class="separator"></div>
<section class="section--mentoring">
<div class="container">
<h3 class="section--intro text-center"><?php echo $l->t('Mentoring');?></h3>
<h1 class="section--heading-1 text-center"><?php echo $l->t('Help to get started');?></h1>
<div class="ilustration ilustration__expertise">
<?php echo file_get_contents(get_template_directory_uri()."/assets/img/enterprise/ilustration_matterexperts-new.svg"); ?>
</div>
<h3 class="section--intro text-center"><?php echo $l->t('There are many areas in Nextcloud you can get involved in. From technical tasks like building an app, design, coding on the front or back-end to translation and helping out on the forums.');?></h3>
<h3 class="section--intro text-center"><?php echo $l->t('We want to enable everyone to get involved and we recognize that the privileged nature of the tech community is an extra barrier for underrepresented groups. We hope to help lower that barrier by connecting you directly to somebody who wants to help you.');?></h3>
<h3 class="section--intro text-center"><?php echo $l->t('We have a number of people who are happy to help you get started!');?></h3>
<h3 class="section--intro text-center"><a class="button button--blue button--arrow button--large" href="#mentors"><?php echo $l->t('Our mentors');?></a></h3>
</div>
</section>
<div class="separator"></div>
<section class="section--travelsupport">
<div class="container">
<h3 class="section--intro text-center"><?php echo $l->t('Travel Support');?></h3>
<h1 class="section--heading-1 text-center"><?php echo $l->t('Participate in events');?></h1>
<div class="ilustration ilustration__expertise">
<?php echo file_get_contents(get_template_directory_uri()."/assets/img/enterprise/people-cloud.svg"); ?>
</div>
<h3 class="section--intro text-center"><?php echo $l->t('The Nextcloud community meets regularly at big hackweeks or smaller ad-hoc ones all over Europe. We also host our yearly Nextcloud Conference and attend many events like FOSDEM and SCALE.');?></h3>
<h3 class="section--intro text-center"><?php echo $l->t('We want to support participants from underrepresented groups in Open Source to join these events by sponsoring part or the whole of their transportation and accomodation costs.');?></h3>
<h3 class="section--intro text-center"><?php echo $l->t('If you would like to join a Nextcloud event, let us know! We typically support 80% of the travel & hotel costs but we can accommodate you if that would not be sufficient. Don\'t hesitate to reach out and ask!');?></h3>
<h3 class="section--intro text-center"><?php echo $l->t('If you don\'t think you are part of an underrepresented group in Open Source and need travel support, please do not reach out here. You can read more about our community travel support program <a href="https://nextcloud.com/events/#ts">here</a>.');?></h3>
</div>
</section>
<div class="separator"></div>
<section class="section--travelsupport">
<div class="container">
<h3 class="section--intro text-center"><?php echo $l->t('Internship');?></h3>
<h1 class="section--heading-1 text-center"><?php echo $l->t('Join Nextcloud GmbH');?></h1>
<div class="ilustration ilustration__expertise">
<?php echo file_get_contents(get_template_directory_uri()."/assets/img/enterprise/security-new.svg"); ?>
</div>
<h3 class="section--intro text-center"><?php echo $l->t('Nextcloud is always on the look-out for new talents and we\'d like to give beginning developers, marketeers and sales people a chance to learn practical skills with us!');?></h3>
<h3 class="section--intro text-center"><?php echo $l->t('We encourage people from underrepresented groups to apply for these positions and to send their resume.');?></h3>
<h3 class="section--intro text-center"><?php echo $l->t('You can find open positions on our jobs page but please don\'t hesitate to send you resume if there is nothing that fits you - we just might not yet know we need you!');?></h3>
</div>
</section>
<div class="separator"></div>
<?php
$int1 = random_int(0, 15);
$int2 = random_int(0, 50);
$salt = bin2hex(random_bytes(5));
$hash = hash('sha256', $salt . ($int1 + $int2));
$checksum = $salt . ':' . $hash;
$image = imagecreate(100, 20);
$background_color = imagecolorallocate($image, 255, 255, 255);
$text_color = imagecolorallocate($image, 0, 0, 0);
imagestring($image, 5, 3, 2, $int1 . ' + ' . $int2, $text_color);
ob_start();
imagepng($image);
$imagestring = ob_get_contents();
ob_end_clean();
imagedestroy($image);
?>
<div class="container">
<h2>Apply</h2>
<p>Here you can apply for mentorship, travel support or an internship with Nextcloud.</p>
<div class="contact">
<h3>Please note that Nextcloud Include is focused on involving people from groups who are underrepresented in open source. It is not a general mentorship program. If you just need help getting started, check out our Contribution page at <a href="https://nextcloud.com/contribute" target="_blank">nextcloud.com/contribute</a></h3>
<p>Your answers to the following questions will help us better understand how we can help you join our community.</p>
<form name="include" method="post" action="../includesubmit/">
<p><label for="yourname">Your name<br>
<input type="text" name="yourname" maxlength="60" size="60"></label></p>
<p><label for="email">Email<br>
<input type="text" name="email" maxlength="100" size="60" ></label></p>
<p><label for="who">Tell us a bit about yourself: Who are you, what is your relation to open source or Nextcloud?<br>
<textarea name="who" maxlength="2000" cols="80" rows="8" placeholder="Tell us more about you"></textarea></label></p>
<p><label for="fit">Why do you think you fit in the program?<br>
<textarea name="fit" maxlength="2000" cols="80" rows="8" placeholder="Tell us why you'd be a fit for Nextcloud Include"></textarea></label></p>
<p><label for="location">Where do you live?<br>
<input type="text" name="location" maxlength="100" size="60" placeholder="City, Country"></label></p>
<p><label for="languages">Which languages can you speak/read/write in?<br>
<input type="text" name="languages" maxlength="100" size="60" placeholder="English, German, French, others?"></textarea></label></p>
<p><label for="os">Which operating system do you use?<br>
<input type="text" name="os" maxlength="100" size="60" placeholder="Windows, MacOS, Linux"></textarea></label></p>
<p><label for="contribute">How do you want to contribute?<br>
<textarea name="contribute" maxlength="1000" cols="80" rows="8" placeholder="Tell us how you'd want to contribute"></textarea></label></p>
<p><label for="links">Do you have a website, Github account or social media account you would be willing to share with us?<br>
<textarea name="links" maxlength="2000" cols="80" rows="8" placeholder="Links"></textarea></label></p>
<p><label for="others">Any other useful informations you would like to share with us?<br>
<textarea name="others" maxlength="2000" cols="80" rows="8" placeholder="Your message"></textarea></label></p>
<td colspan="2" style="text-align:center">
<p><label for="captcha">Please calculate the following sum <span></span><br>
<img src="data:image/png;base64,<?php echo base64_encode($imagestring); ?>"><br>
<input type="text" name="captcha" maxlength="20" size="20" placeholder="13"></label></p>
<input type="hidden" name="checksum" value="<?php echo $checksum;?>">
<input type="submit" value=" Submit inquiry " class="button button--blue">
</form>
</div>
</div>
<section class="section--advantages">
<div class="container-fluid quote">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 class="text-center"><?php echo $l->t('Anticipated questions');?></h3>
<h1 class="section--heading-1 text-center"><?php echo $l->t('FAQ');?></h1>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<h3 class="section--paragraph__title"><?php echo $l->t('Can I contribute if I am not a programmer?');?></h3>
<p class="section--paragraph"><?php echo $l->t('Of course! Code is only one part of Nextcloud – as is design, marketing, documentation, translation, events and many other areas! There are many things you can contribute to, and we can offer help and mentorship. Do not hesitate to apply and tell us what you\'d like to help with!');?></p>
<h3 class="section--paragraph__title"><?php echo $l->t('Am I welcome if I do not have a lot of experience and/or skills in programming?');?></h3>
<p class="section--paragraph"><?php echo $l->t('Absolutely. We all started somewhere, and we welcome all levels of experience. This is why we have mentors: We want to help you to improve and learn from the community while contributing to Nextcloud! Whether you have doubts about your skills or not, just apply and we will figure it out.');?></p>
<h3 class="section--paragraph__title"><?php echo $l->t('Do you have a Code of Conduct?');?></h3>
<p class="section--paragraph"><?php echo $l->t('Yes, you can find it at');?> <a class="hyperlink" href="<?php echo home_url('code-of-conduct') ?>">nextcloud.com/code-of-conduct/</a>.</p>
<h3 class="section--paragraph__title"><?php echo $l->t('Does Nextcloud welcome only people from underrepresented groups?');?></h3>
<p class="section--paragraph"><?php echo $l->t('We welcome everyone. Nextcloud Include is our specific program for underrepresented people in open source, but there‘s many ways for everyone to join. For example, you could check our Contribute page at');?> <a class="hyperlink" href="<?php echo home_url('contribute') ?>">nextcloud.com/contribute</a>.</p>
<h3 class="section--paragraph__title"><?php echo $l->t('I need travel support, but I am not part of any underrepresented groups – should I apply anyway?');?></h3>
<p class="section--paragraph"><?php echo $l->t('No, please do not apply at Nextcloud Include if you are not part of an underrepresented group in open source. However, you are very much welcome to apply for');?> <a class="hyperlink" href="<?php echo home_url('events') ?>#ts"><?php echo $l->t('our community travel support program!');?></a></p>
<h3 class="section--paragraph__title"><?php echo $l->t('Why is Nextcloud Include needed?');?></h3>
<p class="section--paragraph"><?php echo $l->t('We are a very nice, friendly and welcoming community. But, like just saying „you are welcome to join the conference" to parents with kids without providing a playground is not enough, we need to be pro-active. For more info, <a class="hyperlink" href="https://www.youtube.com/watch?v=qbyAYGjrywo" target="_blank">watch our talk about the topic</a>.');?></p>
</div>
</div>
</div>
</div>
</section>
<section class="section--team">
<div class="container">
<h1 class="section--heading-1 text-center">Program coordinators</h1>
<div class="row">
<div class="col-md-6">
<div class="teamp">
<img class="img-responsive img-circle teamimg" alt="photo" src="<?php bloginfo('template_directory'); ?>/assets/img/people/jan.jpg" />
<h2 class="teamname">Jan-Christoph</h2>
<div class="teammeta">
<h4 class="mentoring">Design, UX, HTML & CSS</h4>
</div>
</div>
</div>
<div class="col-md-6">
<div class="teamp">
<img class="img-responsive img-circle teamimg" alt="photo" src="<?php bloginfo('template_directory'); ?>/assets/img/people/marie.jpg" />
<h2 class="teamname">Marie</h2>
<div class="teammeta">
<h4 class="mentoring">Event organization, marketing, writing, community, translations</h4>
</div>
</div>
</div>
</div>
<a name="mentors" id="mentors"></a>
<h1 class="section--heading-1 text-center">Mentors</h1>
<div class="row">
<div class="col-md-4">
<div class="teamp">
<img class="img-responsive img-circle teamimg" alt="photo" src="<?php bloginfo('template_directory'); ?>/assets/img/people/john.jpg" />
<h2 class="teamname">Barthélémy</h2>
<div class="teammeta">
<h4 class="mentoring">Contacts app, Design, UX, Accessibility, Javascript, Vue.js, HTML & CSS</h4>
</div>
</div>
</div>
<div class="col-md-4">
<div class="teamp">
<img class="img-responsive img-circle teamimg" alt="photo" src="<?php bloginfo('template_directory'); ?>/assets/img/people/christoph.jpg" />
<h2 class="teamname">Christoph</h2>
<div class="teammeta">
<h4 class="mentoring">Mail app, two-factor auth, JavaScript, Vue.js, php, Rust</h4>
</div>
</div>
</div>
<div class="col-md-4">
<div class="teamp">
<img class="img-responsive img-circle teamimg" alt="photo" src="<?php bloginfo('template_directory'); ?>/assets/img/people/joas.jpg" />
<h2 class="teamname">Joas</h2>
<div class="teammeta">
<h4 class="mentoring">Talk app, Server core, PHP, Database</h4>
</div>
</div>
</div>
<div class="col-md-4">
<div class="teamp">
<img class="img-responsive img-circle teamimg" alt="photo" src="<?php bloginfo('template_directory'); ?>/assets/img/people/julius.jpg" />
<h2 class="teamname">Julius</h2>
<div class="teammeta">
<h4 class="mentoring">Deck app, Javascript, Vue.js, PHP, HTML & CSS</h4>
</div>
</div>
</div>
<div class="col-md-4">
<div class="teamp">
<img class="img-responsive img-circle teamimg" alt="photo" src="<?php bloginfo('template_directory'); ?>/assets/img/people/marino.jpg" />
<h2 class="teamname">Marino</h2>
<div class="teammeta">
<h4 class="teamexpertise">Apple App, Object-C, Swift, C C++, Assembly</h4>
</div>
</div>
</div>
<div class="col-md-4">
<div class="teamp">
<img class="img-responsive img-circle teamimg" alt="photo" src="<?php bloginfo('template_directory'); ?>/assets/img/people/mario.jpg" />
<h2 class="teamname">Mario</h2>
<div class="teammeta">
<h4 class="mentoring">Talk Android app, Java</h4>
</div>
</div>
</div>
<div class="col-md-4">
<div class="teamp">
<img class="img-responsive img-circle teamimg" alt="photo" src="<?php bloginfo('template_directory'); ?>/assets/img/people/roeland.jpg" />
<h2 class="teamname">Roeland</h2>
<div class="teammeta">
<h4 class="mentoring">Server core, PHP, Desktop C++</h4>
</div>
</div>
</div>
<div class="col-md-4">
<div class="teamp">
<img class="img-responsive img-circle teamimg" alt="photo" src="<?php bloginfo('template_directory'); ?>/assets/img/people/tobias.jpg" />
<h2 class="teamname">Tobias</h2>
<div class="teammeta">
<h4 class="mentoring">Android app, Java</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section--background">
<div class="container">
<h1 class="section--heading-1 text-center"><?php echo $l->t('Background');?></h1>
</div>
<div class="container">
<div class="row feature-row">
<div class="col-md-6">
<a><img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/history/frank.jpg" alt="in action"/></a>
</div>
<div class="col-md-6 feature--block">
<h3 class="section--paragraph__title"><?php echo $l->t('Where does this come from?');?></h3>
<p class="section--paragraph"><?php echo $l->t('We have been putting in effort in diversity since we started our project, participating in ');?> <a class="hyperlink" href="https://railsgirlssummerofcode.org/blog/2018-07-23-welcome-to-team-popcorn"><?php echo $l->t('Rails Girls Summer of Code for example.');?></a> <?php echo $l->t(' When Nextcloud founder Frank Karlitschek');?> <a class="hyperlink" href="https://nextcloud.com/blog/nextcloud-founder-wins-innovation-award-donates-prize-money-to-open-source-diversity-fund"><?php echo $l->t('won the Reinhard von König award');?></a> <?php echo $l->t('he decided to donate its 20.000 euro prize money to the Nextcloud community to start a diversity program! That provided a great start for this and we hope it will be just the beginning: you can donate, too, if you want!');?></p>
<a href="mailto:include@nextcloud.com" class="button button--blue button--arrow button--large"><?php echo $l->t('Contact us to donate');?></a>
</div>
</div>
<div class="row feature-row">
<div class="col-md-4 image--floated">
<a><img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/history/rk-award.png" alt="in action"/></a>
</div>
<div class="col-md-8 feature--block">
<h3 class="section--paragraph__title"><?php echo $l->t('Reinhard von Koenig Award');?></h3>
<p class="section--paragraph"><?php echo $l->t('The bi-annual Reinhard von Koenig award is named after inventor Baron Reinhard von Koenig (1899-1992) and awarded at his former family castle Fachsenfeld in Aalen, located in East Württemberg, the region with the largest number of globally leading companies in Germany. In 1982, Baron von Koenig donated his entire estate and assets to the Fachsenfeld Foundation he founded, with the goal of promoting technological and cultural innovations. The criteria for the award requires that the prize is awarded to people who have developed new technological approaches to socially relevant challenges, shown technical courage and made a significant contribution to sustainable progress.');?></p>
<a href="http://reinhard-von-koenig-preis.de/" class="button button--blue button--arrow button--large"><?php echo $l->t('Learn more');?></a>
</div>
</div>
<div class="row feature-row">
<div class="col-md-6">
<a><img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/partners/kdeev.png" alt="in action"/></a>
</div>
<div class="col-md-6 feature--block">
<h3 class="section--paragraph__title"><?php echo $l->t('How is it managed?');?></h3>
<p class="section--paragraph"><?php echo $l->t('To handle the money, we work together with the amazing KDE community which takes care of the financial part. This also means donations are tax-free in many countries!');?></p>
<p class="section--paragraph"><?php echo $l->t('The spending of the money is decided on by a small group of Nextcloud diversity advocates, including Jan-Christoph Borchardt and Marie Gutbub.');?></p>
<a href="https://ev.kde.org" class="button button--blue button--arrow button--large"><?php echo $l->t('Learn more about KDE e.V.');?></a>
</div>
</div>
</div>
</section>