forked from nextcloud/nextcloud.com
/
page-clients.php
468 lines (446 loc) · 32.5 KB
/
page-clients.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
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
<head>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/clients.css" rel="stylesheet">
<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(["modules/scrollingtohash"])
});
</script>
<meta itemprop="image" content="<?php echo get_template_directory_uri(); ?>/assets/img/clients/desktop/laptop.jpg">
<meta name="twitter:image" content="<?php echo get_template_directory_uri(); ?>/assets/img/clients/desktop/laptop.jpg">
<meta name="twitter:image:src" content="<?php echo get_template_directory_uri(); ?>/assets/img/clients/desktop/laptop.jpg">
<meta property="og:image" content="<?php echo get_template_directory_uri(); ?>/assets/img/clients/desktop/laptop.jpg">
</head>
<div class="background clients-background">
<div class="container">
<div class="row">
<div class="col-md-6 topheader">
<h1><?php echo $l->t('Mobile and <span class="avoidwrap">desktop clients</span>');?></h1>
<h2><?php echo $l->t('Have your data handy wherever you are.');?></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('Nextcloud gives you access to your data and communication wherever you are. Our easy to use desktop and mobile clients are available for all major platforms for free!');?></p>
<div class="text-center">
<a href="<?php echo home_url('install/#install-clients') ?>" class="button button--blue button--arrow button--large"><?php echo $l->t('Download now');?></a>
</div>
</div>
</div>
</div>
</section>
<section class="section--feature">
<div class="container">
<div class="row">
<div class="col-md-6">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/features/edit-documents-on-the-go.jpg" alt="in action" >
</div>
<div class="col-md-6">
<p class="section--paragraph__tittle"><?php echo $l->t('Files, notes, chat, calendars, passwords and more');?></p>
<p class="section--paragraph"><?php echo $l->t('Nextcloud Hub features a wide range of communication and collaboration capabilities. These are reflected in a wide variety of mobile apps from Nextcloud GmbH, the wider Nextcloud community as well as independent, third party apps that can communicate with Nextcloud servers thanks to our use of open standards.');?></p>
<p class="section--paragraph"><a class="hyperlink" href="https://apps.nextcloud.com/integrations"><?php echo $l->t('Find dozens of apps and connection tools in our app store.');?></a></p>
<a class="button button--white button-arrow button--small" href="https://apps.nextcloud.com/categories/integration?search=android"><i class="fa-android"></i> <?php echo $l->t('Apps for Android');?></a> <a class="button button--white button-arrow button--small" href="https://apps.nextcloud.com/categories/integration?search=iOS"><i class="fa-apple"></i> <?php echo $l->t('Apps for iOS');?></a>
</div>
</div>
</div>
</section>
<section class="section--feature">
<div class="container">
<div class="row">
<h2 class="text-center"><?php echo $l->t('Nextcloud Files');?></h2>
<p class="section--paragraph text-center"><?php echo $l->t('All Nextcloud Files clients support a common set of features.');?></p>
<div class="row">
<div class="col-sm-4">
<ul>
<li><?php echo $l->t('Consistent interface for conveniently sharing files to users and groups, with expiration date, password and other features');?></li>
<li><?php echo $l->t('Use the activity feed to track what happens to your data');?></li>
</ul>
</div>
<div class="col-sm-4">
<ul>
<li><?php echo $l->t('Receive and respond to notifications of server events like a new share or audio/video call');?></li>
<li><?php echo $l->t('Remote wipe to clean data and accounts from the client');?></li>
</ul>
</div>
<div class="col-sm-4">
<ul>
<li><?php echo $l->t('Protect your files with client side,');?> <a class="hyperlink" href="<?php echo home_url('endtoend') ?>"><?php echo $l->t('End-to-end encryption');?></a></li>
<li><?php echo $l->t('Branding support for ');?><a class="hyperlink" href="<?php echo home_url('enterprise') ?>"><?php echo $l->t('enterprise customers');?></a></li>
<li><?php echo $l->t('Set up multiple accounts with different servers');?></li>
</ul>
</div>
</div>
</div>
<div class="row">
<h2 class="text-center"><?php echo $l->t('Highlights');?></h2>
</div>
<div class="row">
<div class="col-md-6">
<div data-type="youtube" data-video-id="oyWXMjb-6ik"></div>
<div style="padding:75% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/556897803?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Remote wipe_ keep your data yours even when you lose devices!.mp4"></iframe></div>
</div>
<div class="col-md-6">
<h3 class="section--paragraph__title"><?php echo $l->t('Remote Wipe');?></h3>
<p class="section--paragraph"><?php echo $l->t('While Nextcloud supports Mobile Device Management solutions, thanks to built-in support, remote wipe will work on systems not under management of the company. This is useful for home users but also large universities and of course in a scenario where guest accounts were handed to a third party. If you permit downloading of documents by the third party, you can wipe the documents from their devices when the the collaboration has ended.');?></p>
<p class="section--paragraph"><?php echo $l->t('Remote wipe can be used on a per-device basis by users and on a per-user base by the administrator.');?></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<a href="<?php bloginfo('template_directory'); ?>/assets/img/features/remote-wipe-user.png"><img src="<?php bloginfo('template_directory'); ?>/assets/img/features/remote-wipe-user.png" alt="Remote wipe as a user, per device" class="img-responsive overlay-trigger"></a><br />
<?php echo $l->t('Remote wipe as a user, per device');?>
</div>
<div class="col-md-4">
<a href="<?php bloginfo('template_directory'); ?>/assets/img/features/remote-wipe-admin.png"><img src="<?php bloginfo('template_directory'); ?>/assets/img/features/remote-wipe-admin.png" alt="Remote wipe as admin, per user" class="img-responsive overlay-trigger"></a><br />
<?php echo $l->t('Remote wipe as admin, per user');?>
</div>
<div class="col-md-4">
<div data-type="youtube" data-video-id="QmR86-LsGus"></div>
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/555771570?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Nextcloud Clients: remote wipe in action"></iframe></div><br />
<?php echo $l->t('Demo of remote wipe in the desktop client');?>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/556063222?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Nextcloud Theming: iOS"></iframe></div>
</div>
<div class="col-md-6">
<h3 class="section--paragraph__title"><?php echo $l->t('Branding and deployment');?></h3>
<p class="section--paragraph"><?php echo $l->t('In order to provide a seamless enterprise user experience, Nextcloud GmbH offers branded clients to their customers. We are also offer deployment technologies including MSI for desktops and support for various MDM solutions for mobile platforms.');?></p>
<p class="section--paragraph"><?php echo $l->t('Unbranded clients adjust to colors and logo choice of the server.');?></p>
<a href="https://nextcloud.com/blog/branded-nextcloud-clients/" class="button button--blue button--arrow button--large"><?php echo $l->t('Branding and deployment options');?></a>
</div>
</div>
<div class="row">
<div class="col-md-6 image--floated">
<div style="padding:75% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/556899501?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="How to add a Nextcloud client account with a QR code.mp4"></iframe></div>
</div>
<div class="col-md-6">
<h3 class="section--paragraph__title"><?php echo $l->t('Add accounts easily with a QR code');?></h3>
<p class="section--paragraph"><?php echo $l->t('Adding a Nextcloud client on the desktop is easy as the browser login can be used. This means setting up the desktop client often just requires clicking an approval button. On mobile, though, Nextcloud uses secure tokens, besides the username-password method.');?></p>
<p class="section--paragraph"><?php echo $l->t('To simplify setting up the clients and save the user time, a simple scan of a QR code allows users to set up their mobile clients in a quick and convenient way.');?></p>
</div>
</div>
</div>
</section>
<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('We\'re grateful to our hundreds of thousands of users for the great ratings in the Play store and Apple App store and look forward to hear your feedback!');?></p>
<div class="text-center">
<a href="<?php echo home_url('install/#install-clients') ?>" class="button button--blue button--arrow button--large"><?php echo $l->t('Download now');?></a>
</div>
</div>
</div>
</div>
</section>
<section class="section--desktop" id="desktop">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 feature--block">
<h2 class="text-center"><?php echo $l->t('Sync and collaborate on your desktop or laptop');?></h2>
<p class="section--paragraph text-center"><?php echo $l->t('The Nextcloud desktop client keeps photos and documents always up to date, enabling you to work like you always did.');?></p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/desktop/linux.png" alt="in action" >
</div>
<div class="col-md-6 feature--block">
<p class="section--paragraph"><?php echo $l->t('Any file you add, modify or delete in the synced folders on your desktop or laptop will show up, change or disappear on the server and all other connected devices.');?></p>
<p class="section--paragraph"><?php echo $l->t('Sync one or more folders locally with folders on the server and pick what folders you don\t need.');?></p>
<p class="section--paragraph"><?php echo $l->t('Right-click a file in your file manager and easily share it with other users, a public link or by email.');?></p>
<p class="section--paragraph"><?php echo $l->t('Get notified of activities and events, like an incoming call, a comment on a file or a new folder that is shared with you.');?></p>
<a href="<?php echo home_url('install/#install-clients') ?>" class="button button--blue button--arrow button--large"><?php echo $l->t('Get the desktop client');?></a>
</div>
</div>
</div>
</section>
<section class="section--desktop-features">
<div class="container-fluid quote">
<div class="container">
<h2 class="text-center"><?php echo $l->t('Desktop client features');?></h2>
<div class="row">
<div class="col-sm-4">
<ul>
<li><?php echo $l->t('Select any number of local folders to keep in sync with specified remote folders');?></li>
<li><?php echo $l->t('Exempt any number of subfolders in a synced folder from being synced');?></li>
<li><?php echo $l->t('Optional warning in case a very big new subfolder was added');?></li>
<li><?php echo $l->t('Easily pause and resume syncing');?></li>
<li><?php echo $l->t('Remote wipe to clean data and accounts from the client');?></li>
</ul>
</div>
<div class="col-sm-4">
<ul>
<li><?php echo $l->t('Receive notifications of server events like a new share or audio/video call');?></li>
<li><?php echo $l->t('Use the activity feed to track what happens to your data');?></li>
<li><?php echo $l->t('Immediately reply to notifications to join a call or accept a share');?></li>
<li><?php echo $l->t('Protect your files with client side,');?> <a class="hyperlink" href="<?php echo home_url('endtoend') ?>"><?php echo $l->t('End-to-end encryption</a> (version 2.7.0+)');?></li>
</ul>
</div>
<div class="col-sm-4">
<ul>
<li><?php echo $l->t('Easily configure a proxy or set bandwidth throttling');?></li>
<li><?php echo $l->t('Enjoy convenient file manager integration for easy sharing');?></li>
<li><?php echo $l->t('Branding support for ');?><a class="hyperlink" href="<?php echo home_url('enterprise') ?>"><?php echo $l->t('enterprise customers');?></a></li>
<li><?php echo $l->t('Set up multiple accounts with different servers');?></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="section--desktop-screenshots">
<div class="container">
<h2 class="text-center"><?php echo $l->t('Desktop client in action');?></h2>
<div class="row">
<div class="col-md-4">
<a href="<?php echo get_template_directory_uri(); ?>/assets/img/features/share-dialog.png"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/features/share-dialog.png" alt="" class="img-responsive overlay-trigger" /></a>
Easy to use sharing dialog
</div>
<div class="col-md-4">
<a href="<?php echo get_template_directory_uri(); ?>/assets/img/features/share-dialog-options.png"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/features/share-dialog-options.png" alt="" class="img-responsive overlay-trigger" /></a>
Share dialog options only show when needed
</div>
<div class="col-md-4">
<a href="<?php echo get_template_directory_uri(); ?>/assets/img/features/context-menu.png"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/features/context-menu.png" alt="" class="img-responsive overlay-trigger" /></a>
Open Nextcloud apps from the context menu
</div>
</div>
<div class="row">
<div class="col-md-4">
<a href="<?php echo get_template_directory_uri(); ?>/assets/img/features/space-used.png"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/features/space-used.png" alt="" class="img-responsive overlay-trigger" /></a>
See how much storage you have left
</div>
<div class="col-md-4">
<a href="<?php echo get_template_directory_uri(); ?>/assets/img/features/edit-ignored-files.png"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/features/edit-ignored-files.png" alt="" class="img-responsive overlay-trigger" /></a>
List which files should not be synced
</div>
<div class="col-md-4">
<a href="<?php echo get_template_directory_uri(); ?>/assets/img/features/separate-activities.png"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/features/separate-activities.png" alt="" class="img-responsive overlay-trigger" /></a>
View and respond to activities and notifications
</div>
</div>
</div>
</section>
<section class="section--mobile" id="mobileid">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 feature--block">
<h2 class="text-center"><?php echo $l->t('Your files with you wherever you are');?></h2>
<p class="section--paragraph text-center"><?php echo $l->t('With the Nextcloud clients for Android and iOS you can sync, edit and share your files in a fully secure way through an encrypted connection.');?></p>
</div>
</div>
<div class="row vertical-image-list">
<div class="col-sm-3 col-xs-6">
<img class="img-responsive overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/iPhoneX.png" alt="in action" >
</div>
<div class="col-sm-3 col-xs-6">
<img class="img-responsive overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/iPhone2.png" alt="in action" >
</div>
<div class="col-sm-3 col-xs-6">
<img class="img-responsive overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/android.png" alt="in action" >
</div>
<div class="col-sm-3 col-xs-6">
<img class="img-responsive overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/android2.png" alt="in action" >
</div>
</div>
<div class="row">
<div class="col-md-6">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/features/edit-documents-on-the-go.jpg" alt="in action" >
</div>
<div class="col-md-6">
<p class="section--paragraph__tittle"><?php echo $l->t('Integrated collaboration');?></p>
<p class="section--paragraph"><?php echo $l->t('The mobile clients feature integrated real-time document editing. Nextcloud Text is used for note taking with Markdown files, Microsoft Office compatible document editing on-the-go is available through Collabora Online or ONLYOFFICE when these are installed on the server.');?></p>
<p class="section--paragraph"><?php echo $l->t('The clients also allow users to comment on documents, add a note to a shared file, view and act on server notification like a request to accept a file share or approve a login, see activity for any file and much more. Productivity is guaranteed, wherever you are!');?></p>
</div>
</div>
</div>
</section>
<section class="section--ios" id="iosid">
<div class="container">
<div class="row">
<div class="col-md-6 image--floated">
<div style="padding:76.92% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/556065915?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="iPad support in the Nextcloud iOS app"></iframe></div>
</div>
<div class="col-md-6 feature--block">
<p class="section--paragraph__tittle"><?php echo $l->t('top-rated iOS app');?></p>
<p class="section--paragraph"><?php echo $l->t('The Nextcloud iOS app provides a way for users to access and sync files on the go in a easy and intuitive interface. The client is kept always up to date with the latest iOS versions and designed for both smaller and newer iPhones, iPhone X and iPad.');?></p>
<div class="row">
<div class="col-xs-6 mobileclientbuttons">
<a target="_blank" href="<?php echo $DOWNLOAD_CLIENT_MOBILE_IOS; ?>">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/buttons/appstore.png">
</a>
</div>
</div>
</div>
</div>
<div class="row docscanner">
<p class="section--paragraph__tittle text-center"><?php echo $l->t('Document scanner in action');?></p>
<br>
<div class="col-xs-6 col-sm-4 col-lg-2">
<a href="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/ios-scanner-1.png"><img class="thumbnail img-thumbnail overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/ios-scanner-1.png" class="" ></a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-2">
<a href="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/ios-scanner-2.jpg"><img class="thumbnail img-thumbnail overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/ios-scanner-2.jpg" class="" ></a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-2">
<a href="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/ios-scanner-3.png"><img class="thumbnail img-thumbnail overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/ios-scanner-3.png" class="" ></a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-2">
<a href="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/ios-scanner-4.png"><img class="thumbnail img-thumbnail overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/ios-scanner-4.png" class="" ></a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-2">
<a href="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/ios-scanner-5.png"><img class="thumbnail img-thumbnail overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/ios-scanner-5.png" class="" ></a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-2">
<a href="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/ios-scanner-6.png"><img class="thumbnail img-thumbnail overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/mobile/ios-scanner-6.png" class="" ></a>
</div>
</div>
</div>
</section>
<section class="section--ios-features">
<div class="container-fluid quote">
<div class="container">
<h2 class="text-center"><?php echo $l->t('iOS client features');?></h2>
<div class="row">
<div class="col-sm-4">
<ul>
<li><?php echo $l->t('Display documents, photos, videos, audio files, as a list or thumbnails, sorted as you like.');?></li>
<li><?php echo $l->t('Edit files on the phone built in or using other apps installed on your iPhone or iPad.');?></li>
<li><?php echo $l->t('Add, rename, copy, move and delete files and folders');?></li>
<li><?php echo $l->t('Keep your favorite files available offline');?></li>
<li><?php echo $l->t('Real-time collaborative document editing');?></li>
<li><?php echo $l->t('Quick configuration with a QR code');?></li>
</ul>
</div>
<div class="col-sm-4">
<ul>
<li><?php echo $l->t('Share files with others');?></li>
<li><?php echo $l->t('Client-side,');?> <a class="hyperlink" href="<?php echo home_url('endtoend') ?>"><?php echo $l->t('End-to-end encryption');?></a></li>
<li><?php echo $l->t('Local and server-side search');?></li>
<li><?php echo $l->t('Support for server notifications and file activity feed');?></li>
<li><?php echo $l->t('3D Touch peek&pop and homescreen quick actions');?></li>
<li><?php echo $l->t('Scan-to-PDF with rotation and quality level control');?></li>
</ul>
</div>
<div class="col-sm-4">
<ul>
<li><?php echo $l->t('Multi-account support');?></li>
<li><?php echo $l->t('Adjusts to Nextcloud server theming preferences');?></li>
<li><?php echo $l->t('Auto-upload of photos and videos with custom file naming and folder sorting, wifi-only upload and HEIC support');?></li>
<li><?php echo $l->t('iOS 11 Files Integration');?></li>
<li><?php echo $l->t('Trash and versions integration');?></li>
<li><?php echo $l->t('Remote wipe to clean data and accounts from the client');?></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="section--android" id="androidid">
<div class="container">
<div class="row">
<div class="col-md-6 image--floated">
<div style="padding:75% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/556902275?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Nextcloud Files Android app"></iframe></div>
</div>
<div class="col-md-6 feature--block">
<p class="section--paragraph__tittle"><?php echo $l->t('Well integrated Android app');?></p>
<p class="section--paragraph"><?php echo $l->t('The Nextcloud Android app makes accessing, syncing and sharing your files easy with its modern and intuitive interface. Our client supports Android 4.0 and later and works with a wide variety of screen sizes and Android features.');?></p>
<div class="row">
<div class="col-xs-6">
<a target="_blank" href="<?php echo $DOWNLOAD_CLIENT_MOBILE_ANDROID; ?>">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/buttons/googleplay.png"></a><br />
</div>
<div class="col-xs-6">
<a target="_blank" href="<?php echo $DOWNLOAD_CLIENT_MOBILE_FDROID; ?>">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/clients/buttons/fdroid.png"></a><br />
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section--android-features">
<div class="container-fluid quote">
<div class="container">
<h2 class="text-center"><?php echo $l->t('Android app features');?></h2>
<div class="row">
<div class="col-sm-4">
<ul>
<li><?php echo $l->t('Display documents, photos, videos, audio files, as a list or thumbnails, sorted as you like.');?></li>
<li><?php echo $l->t('Stream media files (needs at least Nextcloud 14)');?></li>
<li><?php echo $l->t('Edit files on the phone built in or using other apps installed on your Android device.');?></li>
<li><?php echo $l->t('Local and server-side search');?></li>
<li><?php echo $l->t('Add, rename, copy, move and delete files and folders');?></li>
<li><?php echo $l->t('Keep your favorite files available offline');?></li>
<li><?php echo $l->t('Restore deleted files');?></li>
</ul>
</div>
<div class="col-sm-4">
<ul>
<li><?php echo $l->t('Share files with others');?></li>
<li><?php echo $l->t('Shared files view');?></li>
<li><?php echo $l->t('Simple contacts backup & restore');?></li>
<li><?php echo $l->t('Auto-configuration of Contacts and Calendar integration through DAVDroid');?></li>
<li><?php echo $l->t('Client-side,');?> <a class="hyperlink" href="<?php echo home_url('endtoend') ?>"><?php echo $l->t('End-to-end encryption');?></a></li>
<li><?php echo $l->t('Support for server push notifications and file activity feed');?></li>
<li><?php echo $l->t('View and reply to comments on files');?></li>
<li><?php echo $l->t('Real-time collaborative document editing');?></li>
<li><?php echo $l->t('Remote wipe to clean data and accounts from the client');?></li>
</ul>
</div>
<div class="col-sm-4">
<ul>
<li><?php echo $l->t('TalkBack screenreader support');?></li>
<li><?php echo $l->t('Multi-account support');?></li>
<li><?php echo $l->t('Fingerprint locking');?></li>
<li><?php echo $l->t('Adjusts to Nextcloud server theming preferences');?></li>
<li><?php echo $l->t('Auto-upload of any type of data including photos and videos with custom file naming and folder sorting, wifi-only upload, differential handling of photos and videos');?></li>
<li><?php echo $l->t('monitor any number of folders for any file type so you can upload Whatsapp images, documents and anything else');?></li>
<li><?php echo $l->t('Quick configuration with a QR code');?></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-3">
<img class="img-responsive overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/features/utf-in-android.jpg" alt="in action" ><br />
<?php echo $l->t('Plug in a UTF key for authentication');?>
</div>
<div class="col-md-3">
<img class="img-responsive overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/features/android-rich-workspaces.png" alt="in action" ><br />
<?php echo $l->t('See and edit notes above your folders');?>
</div>
<div class="col-md-3">
<img class="img-responsive overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/features/android-upload1.png" alt="in action" ><br />
<?php echo $l->t('Configure upload');?>
</div>
<div class="col-md-3">
<img class="img-responsive overlay-trigger" src="<?php echo get_template_directory_uri(); ?>/assets/img/features/android-conflict1.png" alt="in action" ><br />
<?php echo $l->t('Handle file conflicts');?>
</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('We look forward to hear your feedback!');?></p>
<div class="text-center">
<a href="<?php echo home_url('install/#install-clients') ?>" class="button button--blue button--arrow button--large"><?php echo $l->t('Download now');?></a>
</div>
</div>
</div>
</div>
</section>
<?php require get_template_directory().'/overlay.php'; ?>