forked from elementary/website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
533 lines (522 loc) · 37.2 KB
/
index.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
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
<?php
require_once __DIR__.'/_backend/classify.current.php';
require_once __DIR__.'/_backend/preload.php';
require_once __DIR__.'/_backend/os-payment.php';
$page['title'] = $sitewide['description'] . ' ⋅ elementary OS';
$page['scripts'] = array(
'scripts/slingshot.js',
'scripts/download.js',
'scripts/blog.js',
'scripts/showcase.run.js'
);
$page['styles'] = array(
'styles/home.css',
'styles/blog.css',
'styles/pantheon.css'
);
include $template['header'];
include $template['alert'];
$already_paid = (os_payment_getcookie($config['release_version']) > 0);
?>
<section class="section--hero section--stretched">
<div class="section__detail grid">
<div class="whole">
<div id="logotype"><?php include __DIR__.'/images/logotype-os.svg'; ?></div>
<h4><?php echo $sitewide['description']; ?></h4>
</div>
</div>
<div class="section__showcase">
<img class="bg" src="images/home/notebook.jpg" alt="Generic laptop computer" />
<img src="images/screenshots/desktop.jpg" alt="elementary OS 5.1 Hera desktop" />
</div>
<div class="section__detail grid">
<div class="whole">
<div id="amounts">
<?php
if (!$already_paid) {
?>
<h4 id="pay-what-you-want">Pay What You Want:</h4>
<div id="choice-buttons">
<button id="amount-ten" value="10" class="small-button payment-button target-amount">10</button>
<button id="amount-twenty" value="20" class="small-button payment-button target-amount checked">20</button>
<button id="amount-thirty" value="30" class="small-button payment-button target-amount">30</button>
<div>
<span class="pre-amount">$</span>
<input type="number" step="0.01" min="0" max="999999.99" id="amount-custom" class="button small-button target-amount" placeholder="Custom">
<p class="small-label focus-reveal text-center">Enter any dollar amount.</p>
</div>
</div>
<?php
}
?>
<div class="column">
<button type="submit" id="download" class="suggested-action"><?php echo ($already_paid) ? "Download elementary OS" : "Purchase elementary OS"; ?></button>
<p class="small-label">
elementary OS <?php echo $config['release_version'] . ' ' . $config['release_title']; ?><br>
<?php echo $config['release_size']; ?> | 64-bit
</p>
</div>
<div style="clear:both;"></div>
<?php
if (!$already_paid) {
?>
<div id="payment-trust">
<img src="images/icons/mimes/24/payment-card-visa.svg" alt="Visa" title="Visa cards accepted" />
<img src="images/icons/mimes/24/payment-card-mastercard.svg" alt="Mastercard" title="Mastercard cards accepted" />
<img src="images/icons/mimes/24/payment-card-discover.svg" alt="Discover" title="Discover cards accepted" />
<img src="images/icons/mimes/24/payment-card-amex.svg" alt="American Express" title="American Express cards accepted" />
<img src="images/icons/mimes/24/payment-card-diners-club.svg" alt="Diner's Club" title="Diner's Club cards accepted" />
<img src="images/icons/mimes/24/payment-card-jcb.svg" alt="JCB" title="JCB cards accepted" />
<img src="images/icons/mimes/24/payment-card-unionpay.svg" alt="UnionPay" title="UnionPay cards accepted" />
<p class="small-label text-center">Payments processed & secured by <a href="https://stripe.com"><i class="fab fa-stripe"><span>Stripe</span></i></a></p>
</div>
<?php
}
?>
<?php
if ($already_paid) {
?>
<div id="choice-buttons">
<input type="hidden" id="amount-twenty" value="0">
</div>
<?php
}
?>
</div>
</div>
</div>
</section>
<section id="whats-new" class="grey">
<div class="grid">
<div class="two-thirds">
<h2>What’s New in elementary OS 5.1 Hera</h2>
<p>A major update on a solid foundation. Featuring a completely redesigned login and lockscreen greeter, a new onboarding experience, new ways to sideload and install apps, major System Settings updates, improved core apps, and desktop refinements.</p>
<a href="https://blog.elementary.io/introducing-elementary-os-5-1-hera/" target="_blank" rel="noopener" class="read-more">Read the Announcement</a>
</div>
</div>
</section>
<section class="grid" id="the-press">
<div class="third">
<a href="https://www.wired.com/2013/11/elementaryos/" target="_blank" rel="noopener"><?php include __DIR__.'/images/thirdparty-logos/wired.svg'; ?></a>
<a class="inline-tweet" href="https://twitter.com/home/?status=“elementary OS is different… a beautiful and powerful operating system.” — @WIRED https://elementary.io" data-tweet-suffix=" — @WIRED https://elementary.io" target="_blank" rel="noopener">“elementary OS is different… a beautiful and powerful operating system.”</a>
</div>
<div class="third">
<a href="https://arstechnica.com/gadgets/2018/12/a-tour-of-elementary-os-perhaps-the-linux-worlds-best-hope-for-the-mainstream/" target="_blank" rel="noopener"><?php include __DIR__.'/images/thirdparty-logos/ars.svg'; ?></a>
<a class="inline-tweet" href="https://twitter.com/home/?status=“Gets out of the way and lets you focus on what you need to get done.” —@arstechnica https://elementary.io" data-tweet-suffix=" — @arstechnica https://elementary.io" target="_blank" rel="noopener">“Gets out of the way and lets you focus on what you need to get done.”</a>
</div>
<div class="third">
<a href="https://www.forbes.com/sites/jasonevangelho/2019/01/29/linux-distro-spotlight-what-i-love-about-elementary-os/" target="_blank" rel="noopener"><?php include __DIR__.'/images/thirdparty-logos/forbes.svg'; ?></a>
<a class="inline-tweet" href="https://twitter.com/home/?status=“I've found myself more productive these past two weeks [using elementary OS] than in the last two months combined.” —@forbes https://elementary.io" data-tweet-suffix=" — @forbes https://elementary.io" target="_blank" rel="noopener">“I've found myself more productive these past two weeks [using elementary OS] than in the last two months combined.”</a>
</div>
<div class="third">
<a href="https://web.archive.org/web/20150312112222/http://www.maclife.com/article/columns/future_os_x_may_be_more_elementary_ios_7" target="_blank" rel="noopener"><?php include __DIR__.'/images/thirdparty-logos/maclife.svg'; ?></a>
<a class="inline-tweet" href="http://twitter.com/home/?status=“A fast, low-maintenance platform that can be installed virtually anywhere.” —@MacLife https://elementary.io" data-tweet-suffix=" — @MacLife https://elementary.io" target="_blank" rel="noopener">“A fast, low-maintenance platform that can be installed virtually anywhere.”</a>
</div>
<div class="third">
<a href="https://lifehacker.com/how-to-move-on-after-windows-xp-without-giving-up-your-1556573928" target="_blank" rel="noopener"><?php include __DIR__.'/images/thirdparty-logos/lifehacker.svg'; ?></a>
<a class="inline-tweet" href="https://twitter.com/home/?status=“Lightweight and fast… and has a real flair for design and appearances.” —@lifehacker https://elementary.io" data-tweet-suffix=" — @lifehacker https://elementary.io" target="_blank" rel="noopener">“Lightweight and fast… and has a real flair for design and appearances.”</a>
</div>
</section>
<section id="appcenter">
<div class="app-display app-display--overflow">
<img class="app-display__image" src="images/screenshots/appcenter.png" srcset="images/screenshots/appcenter@2x.png 2x" alt="elementary OS AppCenter home page"/>
<div class="app-display__description">
<img src="images/icons/apps/128/system-software-install.svg" alt="elementary AppCenter icon"/>
<h1>Get it on <span>AppCenter</span></h1>
<p>Get free and paid apps on AppCenter, the open, pay-what-you-want app store for indie developers. Each has been reviewed and curated by elementary to ensure a native, privacy-respecting, and secure experience.</p>
<div class="buttons">
<a href="https://appcenter.elementary.io" target="_blank" rel="noopener" class="button flat">Discover AppCenter Apps</a>
<a href="https://medium.com/elementaryos/tagged/appcenter-spotlight" target="_blank" rel="noopener" class="button flat">Read AppCenter Spotlight</a>
<a href="developer" class="button flat">Become a Developer</a>
</div>
</div>
</div>
</section>
<section id="callouts" class="grid">
<div class="third">
<h2>Go Fast</h2>
<p>Stop waiting around for your computer to load. elementary OS starts fast and stays fast. Apps are lightning quick to open and remember where you left off. Even better, elementary OS doesn’t slow down with updates.</p>
</div>
<div class="third">
<h2>Open Source</h2>
<p>We respect the rights of our users. All of elementary OS is available for review, scrutiny, modification, and redistribution by anyone. Which improves security and privacy for everyone.</p>
<a class="read-more" href="/open-source">Learn More</a>
</div>
<div class="third">
<h2>Safe & Secure</h2>
<p>We’re built on GNU/Linux, one of the most secure systems in the world. It’s the same software powering the U.S Department of Defense, the Bank of China, and more.</p>
<a class="read-more" href="https://usn.ubuntu.com/releases/ubuntu-18.04-lts/">Security Notices</a>
</div>
</section>
<section id="workflow" class="grey">
<div class="grid">
<div class="two-thirds">
<h2>Get Work Done. Or Play.</h2>
<p>Stay productive and focused with Multitasking View, Picture-in-Picture, Do Not Disturb, and more. Or keep work out of sight when watching videos or playing games.</p>
</div>
</div>
<div class="grid">
<div class="third">
<figure class="multitasking">
<div class="workspace"></div>
</figure>
<h4>Multitasking View</h4>
<p>Workspaces help organize your work by task. Keep work and play separate, but just one tap away.</p>
</div>
<div class="third">
<figure class="pip">
<div class="workspace">
<img class="window" src="images/screenshots/videos.png" srcset="images/screenshots/videos@2x.png 2x" alt="Videos screenshot" />
</div>
</figure>
<h4>Picture-in-Picture</h4>
<p>Whether you’re watching a movie, game, or terminal process, Picture-in-Picture helps keep tabs on one thing while working on another. </p>
</div>
<div class="third">
<figure class="dnd">
<div class="workspace">
<img class="window" src="images/screenshots/code.png" srcset="images/screenshots/code@2x.png 2x" alt="Code screenshot" />
<div class="notification" type="notification">
<img src="images/icons/apps/64/internet-mail.svg" />
</div>
<div class="notification" type="notification">
<img src="images/icons/apps/64/internet-mail.svg" />
</div>
<div class="notification" type="notification">
<img src="images/icons/apps/64/internet-mail.svg" />
</div>
</div>
</figure>
<h4>Do Not Disturb</h4>
<p>Tune everything else out to stay focused on your work, or keep notifications at bay while watching a movie. Do Not Disturb stops notifications in their tracks.</p>
</div>
</div>
</section>
<section>
<div id="showcase" class="row grey">
<div class="pantheon" style="display:none;">
<div id="notification-container">
<div class="window" type="notification">
<div><span class="icon" icon="apps/48/utilities-terminal"><?php include('images/icons/apps/48/utilities-terminal.svg'); ?></span></div>
<div>
<h3>Task finished</h3>
<p data-l10n-off>git clone https://github.com/elementary/website</p>
</div>
</div>
</div>
</div>
<div id="showcase-index">
<div>
<h2>Apps You Need, Without Ones You Don’t.</h2>
<p>elementary OS comes with a carefully considered set of apps that cater to everyday needs so you can spend more time using your computer and less time cleaning up bloatware.</p>
</div>
<ul id="showcase-grid">
<a href="#showcase-music"><li class="read-more"><img src="images/icons/apps/64/multimedia-audio-player.svg" alt="Music app icon"/>Music</li></a>
<a href="#showcase-epiphany"><li class="read-more"><img src="images/icons/apps/64/internet-web-browser.svg" alt="Browser app icon"/>Epiphany</li></a>
<a href="#showcase-mail"><li class="read-more"><img src="images/icons/apps/64/internet-mail.svg" alt="Email app icon"/>Mail</li></a>
<a href="#showcase-photos"><li class="read-more"><img src="images/icons/apps/64/multimedia-photo-manager.svg" alt="Photo app icon"/>Photos</li></a>
<a href="#showcase-videos"><li class="read-more"><img src="images/icons/apps/64/multimedia-video-player.svg" alt="Video app icon"/>Videos</li></a>
<a href="#showcase-calendar"><li class="read-more"><img src="images/icons/apps/64/office-calendar.svg" alt="Calendar app icon"/>Calendar</li></a>
<a href="#showcase-files"><li class="read-more"><img src="images/icons/apps/64/system-file-manager.svg" alt="File manager app icon"/>Files</li></a>
<a href="#showcase-terminal"><li class="read-more"><img src="images/icons/apps/64/utilities-terminal.svg" alt="Terminal app icon"/>Terminal</li></a>
<a href="#showcase-code"><li class="read-more"><img src="images/thirdparty-icons/apps/64/io.elementary.code.svg" alt="Code editor app icon"/>Code</li></a>
<a href="#showcase-camera"><li class="read-more"><img src="images/icons/apps/64/accessories-camera.svg" alt="Camera app icon"/>Camera</li></a>
</ul>
</div>
<div class="showcase-tab" id="showcase-music">
<div class="app-display">
<img class="app-display__image" src="images/screenshots/music.png" srcset="images/screenshots/music@2x.png 2x" alt="music screenshot" />
<div class="app-display__description">
<img src="images/icons/apps/64/multimedia-audio-player.svg" alt="music icon" />
<div>
<h2>Music</h2>
<p>Organize and listen to your music. Browse by album, use lightning-fast search, and build playlists of your favorites.</p>
</div>
</div>
</div>
</div>
<div class="showcase-tab" id="showcase-epiphany">
<div class="app-display">
<img class="app-display__image" src="images/screenshots/epiphany.png" srcset="images/screenshots/epiphany@2x.png 2x" alt="epiphany screenshot" />
<div class="app-display__description">
<img src="images/icons/apps/64/internet-web-browser.svg" alt="epiphany icon" />
<div>
<h2>Epiphany</h2>
<p>Surf the web with a fast & lightweight web browser. Epiphany lets you use modern websites and web apps while being lighter on battery life.</p>
</div>
</div>
</div>
</div>
<div class="showcase-tab" id="showcase-mail">
<div class="app-display">
<img class="app-display__image" src="images/screenshots/mail.png" alt="mail screenshot" />
<div class="app-display__description">
<img src="images/icons/apps/64/internet-mail.svg" alt="mail icon" />
<div>
<h2>Mail</h2>
<p>Manage multiple accounts quickly and effortlessly with conversation-based email, fast-as-you-type search, new email notifications, and more.</p>
</div>
</div>
</div>
</div>
<div class="showcase-tab" id="showcase-photos">
<div class="app-display">
<img class="app-display__image" src="images/screenshots/photos.png" srcset="images/screenshots/photos@2x.png 2x" alt="photos screenshot" />
<div class="app-display__description">
<img src="images/icons/apps/64/multimedia-photo-manager.svg" alt="photos icon" />
<div>
<h2>Photos</h2>
<p>Import, organize, and edit photos. Make a slideshow. Share with Facebook or Flickr.</p>
</div>
</div>
</div>
</div>
<div class="showcase-tab" id="showcase-videos">
<div class="app-display">
<img class="app-display__image" src="images/screenshots/videos.png" srcset="images/screenshots/videos@2x.png 2x" alt="videos screenshot" />
<div class="app-display__description">
<img src="images/icons/apps/64/multimedia-video-player.svg" alt="videos icon" />
<div>
<h2>Videos</h2>
<p>Smart and simple video viewing with a library, thumbnail previews on the seekbar, playlists, subtitle support, smart fullscreen, and the ability to resume what was last playing.</p>
</div>
</div>
</div>
</div>
<div class="showcase-tab" id="showcase-calendar">
<div class="app-display">
<img class="app-display__image" src="images/screenshots/calendar.png" srcset="images/screenshots/calendar@2x.png 2x" alt="calendar screenshot" />
<div class="app-display__description">
<img src="images/icons/apps/64/office-calendar.svg" alt="calendar icon" />
<div>
<h2>Calendar</h2>
<p>Easily view and create events. Sync with Online Accounts like Google.</p>
</div>
</div>
</div>
</div>
<div class="showcase-tab" id="showcase-files">
<div class="app-display">
<img class="app-display__image" src="images/screenshots/files.png" srcset="images/screenshots/files@2x.png 2x" alt="files screenshot" />
<div class="app-display__description">
<img src="images/icons/apps/64/system-file-manager.svg" alt="files icon" />
<div>
<h2>Files</h2>
<p>The smart pathbar makes it easy to browse with breadcrumbs, search, or path completion. Quickly navigate with the column view and enjoy browser-class tabs with smart features like tab history.</p>
</div>
</div>
</div>
</div>
<div class="showcase-tab" id="showcase-terminal">
<div class="app-display">
<div class="app-display__image">
<img class="pantheon--fallback" src="images/screenshots/terminal.png" alt="terminal screenshot" />
<div class="pantheon" style="display:none;">
<div class="window dark active" type="terminal">
<div class="titlebar">
<span class="icon control" icon="actions/window-close"><?php include('images/pantheon/actions/window-close.svg'); ?></span>
<span class="title">Home</span>
<div>
<span class="icon search" icon="actions/system-search"><?php include('images/pantheon/actions/system-search.svg'); ?></span>
<span class="icon control" icon="actions/window-maximize"><?php include('images/pantheon/actions/window-maximize.svg'); ?></span>
</div>
</div>
<div class="tabbar">
<span class="icon" icon="actions/tab-new"><?php include('images/pantheon/actions/tab-new.svg'); ?></span>
<div class="tabs">
<div class="tab active">
<span class="icon" icon="actions/close"><?php include('images/pantheon/actions/close.svg'); ?></span>
<span class="title">Home</span>
</div>
<div class="tab">
<span class="title">Home</span>
</div>
</div>
<span class="icon" icon="actions/document-open-recent"><?php include('images/pantheon/actions/document-open-recent.svg'); ?></span>
</div>
<div class="input"></div>
</div>
</div>
</div>
<div class="app-display__description">
<img src="images/icons/apps/64/utilities-terminal.svg" alt="terminal icon" />
<div>
<h2>Terminal</h2>
<p>Switchable color schemes designed to prevent eye strain, browser-class tabs with history and smart naming, task-completion notifications, natural copy & paste, backlog search, paste protection, and more. Who says you can’t teach an old app new tricks?</p>
</div>
</div>
</div>
</div>
<div class="showcase-tab" id="showcase-code">
<div class="app-display">
<img class="app-display__image" src="images/screenshots/code.png" srcset="images/screenshots/code@2x.png 2x" alt="Code screenshot" />
<div class="app-display__description">
<img src="images/thirdparty-icons/apps/64/io.elementary.code.svg" alt="Code icon" />
<div>
<h2>Code</h2>
<p>Tailor-made with autosaving, project folders, Git integration, multiple panes, smart whitespace, EditorConfig support, Mini Map, Vala symbols, and extensions like Terminal, Web Preview, and Vim Emulation. Code will be the last editor you’ll ever need.</p>
</div>
</div>
</div>
</div>
<div class="showcase-tab" id="showcase-camera">
<div class="app-display">
<img class="app-display__image" src="images/screenshots/camera.png" srcset="images/screenshots/camera@2x.png 2x" alt="camera screenshot" />
<div class="app-display__description">
<img src="images/icons/apps/64/accessories-camera.svg" alt="camera icon" />
<div>
<h2>Camera</h2>
<p>Easily snap pictures or video from your webcam.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="slingshot">
<div class="app-display app-display--horizontal">
<div class="app-display__image">
<div id="slingshot-label" data-l10n-off>
<?php include('images/pantheon/actions/system-search.svg'); ?>
Applications
</div>
<div id="slingshot-arrow"><img src='images/slingshot/arrow.svg' alt=""></div>
<div class="slingshot">
<div class="linked">
<div id="slingshot-grid-button" class="button active">
<?php include('images/icons/actions/symbolic/view-grid-symbolic.svg'); ?>
</div>
<div id="slingshot-categories-button" class="button">
<?php include('images/icons/actions/symbolic/view-filter-symbolic.svg'); ?>
</div>
</div>
<div class="entry">
<?php include('images/icons/actions/symbolic/edit-find-symbolic.svg'); ?>
<span class="search-term inactive" data-l10n-off>dat</span>
<span class="cursor" data-l10n-off>|</span>
<span class="clear-icon inactive"><?php include('images/icons/actions/symbolic/edit-clear-symbolic.svg'); ?></span>
</div>
<div id="slingshot-grid" class="active view">
<div class="slingshot-grid">
</div>
<div id="slingshot-pager">
<div class="switcher-checked" data-l10n-off><?php include('images/bullet.svg'); ?></div>
<div class="switcher" data-l10n-off><?php include('images/bullet.svg'); ?></div>
</div>
</div>
<div id="slingshot-categories" class="next view">
<div class="slingshot-categories-sidebar">
<span class="slingshot-category active" data-l10n-off>Accessories</span>
<span class="slingshot-category" data-l10n-off>Graphics</span>
<span class="slingshot-category" data-l10n-off>Internet</span>
<span class="slingshot-category" data-l10n-off>Office</span>
<span class="slingshot-category" data-l10n-off>Other</span>
<span class="slingshot-category" data-l10n-off>Sound & Video</span>
<span class="slingshot-category" data-l10n-off>System Tools</span>
</div>
<div class="slingshot-categories">
</div>
</div>
<div id="slingshot-search" class="next view">
<div class="searchone inactive"></div>
<div class="searchtwo inactive"></div>
<div class="searchthree inactive"></div>
</div>
</div>
</div>
<div class="app-display__description">
<h2>3 Ways to Explore</h2>
<?php include('images/icons/actions/symbolic/view-grid-symbolic.svg'); ?><h4>Grid</h4>
<p>Display all your apps in an alphabetized grid. Flick through and find the one you want.</p>
<?php include('images/icons/actions/symbolic/view-filter-symbolic.svg'); ?><h4>Categories</h4>
<p>View your apps automatically organized into categories. Perfect for large collections.</p>
<?php include('images/icons/actions/symbolic/edit-find-symbolic.svg'); ?><h4>Search</h4>
<p>Launch apps, open settings panes, run commands, and more from the lightning fast search view.</p>
</div>
</div>
</section>
<section id="parental-controls" class="grey">
<div class="app-display app-display--overflow">
<img class="app-display__image" src="images/screenshots/parental-controls.png" srcset="images/screenshots/parental-controls@2x.png 2x" alt="elementary OS Parental Controls"/>
<div class="app-display__description">
<h2>
<img src="images/icons/categories/64/preferences-system-parental-controls.svg" alt="Icon of an adult holding hand the hand of a child"/>
Parental Controls
</h2>
<?php include('images/icons/actions/symbolic/appointment-symbolic.svg'); ?><h4>Screen Time</h4>
<p>Set per-user time limits for weekdays, weekends, or both.</p>
<?php include('images/icons/apps/symbolic/web-browser-symbolic.svg'); ?><h4>Internet Use</h4>
<p>Manage allowed websites. Rules affect all apps for the user, even if they use a different web browser.</p>
<?php include('images/icons/actions/symbolic/view-grid-symbolic.svg'); ?><h4>Manage Apps</h4>
<p>Choose just which apps are safe for your child to access. Plus, optionally allow access with your password.</p>
</div>
</div>
</section>
<section id="shortcuts">
<div class="app-display app-display--horizontal">
<img class="app-display__image" src="images/screenshots/shortcut-overlay.jpg" srcset="images/screenshots/shortcut-overlay@2x.jpg 2x" alt="elementary OS Keyboard Shortcuts"/>
<div class="app-display__description">
<h2>User Friendly. And Keyboard Friendly.</h2>
<p>elementary OS is designed to be easy to understand and pick up as a new user. But that doesn’t mean it’s dumbed down; powerful, customizable keyboard shortcuts ensure you’ll stay productive whether it’s your first day or your thousandth.</p>
</div>
</div>
</section>
<section id="privacy">
<div class="grid">
<div class="two-thirds">
<h2>Privacy-respecting. Through and through.</h2>
<p>Your data always belongs to you, and only you. We don’t make advertising deals or collect sensitive personal data. We’re funded directly by our users paying what they want for elementary OS and apps on AppCenter. And that’s how it should be.</p>
<a class="read-more" href="privacy">Our Privacy Policy</a>
</div>
</div>
<div class="grid">
<div class="third">
<h4>
<?php include('images/icons/devices/symbolic/audio-input-microphone-symbolic.svg'); ?>
Tattle-Tale
</h4>
<p>elementary OS helps you keep tabs on what apps are up to. When an app is using your microphone, we display an indicator to let you know. When an app is using a lot of energy, we tell you in your power indicator.</p>
</div>
<div class="third">
<h4>
<?php include('images/icons/actions/symbolic/find-location-symbolic.svg'); ?>
Location Services
</h4>
<p>When an app wants access to your location, it has to ask. We show you a prompt telling you which app, and how precise it’s asking. And you can always revoke access later in System Settings → Security & Privacy.</p>
</div>
<div class="third">
<h4>
<?php include('images/icons/actions/symbolic/edit-clear-all-symbolic.svg'); ?>
Housekeeping
</h4>
<p>elementary OS can automatically keep your temporary and trashed files tidied up. Not only does this keep your device’s storage free, it can help ensure your private data doesn’t come back to haunt you.</p>
</div>
</div>
</section>
<section class="cta">
<img src="images/icons/places/128/distributor-logo.svg" alt="elementary OS logo">
<h2>Download elementary OS</h2>
<h4><?php echo $sitewide['description']; ?></h4>
<a class="button suggested-action" href="#">Pay What You Want</a>
</section>
<span id="translate-download" style="display:none;" hidden>Download elementary OS</span>
<span id="translate-purchase" style="display:none;" hidden>Purchase elementary OS</span>
<div id="download-modal" class="dialog modal">
<img alt="Download elementary OS icon" src="images/icons/apps/48/ubiquity.svg">
<div class="content-area">
<p class="primary">Choose a Download</p>
<p>Download from a localized server or by magnet link. For help and more info, see the <a class="read-more" href="docs/installation" target="_blank" rel="noopener">installation guide</a></p>
</div>
<div class="action-area">
<a class="button clickable close-modal">Close</a>
<div class="linked">
<a class="button suggested-action download-link http" href="<?php echo $download_link.$config['release_filename']; ?>">Download</a>
<a class="button suggested-action download-link magnet" title="Torrent Magnet Link" href="<?php echo 'magnet:?xt=urn:btih:'.$config['release_magnet'].'&dn='.$config['release_filename']; ?>&tr=https%3A%2F%2Fashrise.com%3A443%2Fphoenix%2Fannounce&tr=udp%3A%2F%2Fopen.demonii.com%3A1337%2Fannounce&tr=udp%3A%2F%2Ftracker.ccc.de%3A80%2Fannounce&tr=udp%3A%2F%2Ftracker.openbittorrent.com%3A80%2Fannounce&tr=udp%3A%2F%2Ftracker.publicbt.com%3A80%2Fannounce&ws=http:<?php echo $download_link.$config['release_filename']; ?>"><i class="fa fa-magnet"></i></a>
</div>
</div>
</div>
<a style="display:none;" class="open-modal" href="#download-modal"></a>
<!--[if lt IE 10]><script type="text/javascript" src="https://cdn.jsdelivr.net/gh/eligrey/classList.js@1.1.20170427/classList.min.js"></script><![endif]-->
<?php
include $template['footer'];
?>