Changeset View
Changeset View
Standalone View
Standalone View
plasma-desktop.php
1 | <?php | 1 | <?php | ||
---|---|---|---|---|---|
2 | require('aether/config.php'); | 2 | require('aether/config.php'); | ||
3 | 3 | | |||
4 | $pageConfig = array_merge($pageConfig, [ | 4 | $pageConfig = array_merge($pageConfig, [ | ||
5 | 'title' => "Plasma", | 5 | 'title' => "Plasma", | ||
6 | 'section' => 'products', | 6 | 'section' => 'products', | ||
7 | 'cssFile' => 'content/plasma-desktop/portal.css?version=5', | 7 | 'cssFile' => 'https://cdn.kde.org/aether-devel/plasma-desktop.css', | ||
8 | 'description' => "Plasma is KDE's desktop environment. Simple by default, powerful when needed.", | 8 | 'description' => "Plasma is KDE's desktop environment. Simple by default, powerful when needed.", | ||
9 | ]); | 9 | ]); | ||
10 | 10 | | |||
11 | require('aether/header.php'); | 11 | require('aether/header.php'); | ||
12 | 12 | | |||
13 | ?> | 13 | ?> | ||
14 | <section id="desktop-hero"> | 14 | <main> | ||
15 | <div class="window-headerbar"> | 15 | <section class="container"> | ||
16 | About Plasma | 16 | <div class="text-center"> | ||
17 | <h1>Plasma is a Linux desktop</h1> | ||||
18 | <img src="/images/plasma.svg" width="64" height="64" class="mt-3 mb-3"> | ||||
19 | <p>Use Plasma to surf the web; keep in touch with colleagues, friends and family; manage your files, enjoy music and videos; and get creative and productive at work. Do it all in a beautiful environment that adapts to your needs, and with the safety, privacy-protection and peace of mind that the best Free Open Source Software has to offer.</p> | ||||
20 | <a href="https://community.kde.org/Distributions" class="button">Get Plasma here.</a><br /> | ||||
21 | </div> | ||||
22 | <img src="/products/plasma.png" alt="Plasma desktop inside a laptop." class="img-fluid mt-3 mb-3 pl-lg-5 pr-lg-5"> | ||||
23 | </section> | ||||
24 | | ||||
25 | <section id="plasma-last-release"> | ||||
26 | <div class="breeze-window"> | ||||
27 | <div class="kwin-shadow"> | ||||
28 | <div class="headerbar"> | ||||
29 | About Plasma 5.16 | ||||
17 | <img src="/content/plasma-desktop/window-minimize.svg" class="window-minimize" /> | 30 | <img src="/content/plasma-desktop/window-minimize.svg" class="window-minimize" /> | ||
18 | <img src="/content/plasma-desktop/window-maximize.svg" class="window-maximize" /> | 31 | <img src="/content/plasma-desktop/window-maximize.svg" class="window-maximize" /> | ||
19 | <img src="/content/plasma-desktop/window-close.svg" class="window-close" /> | 32 | <img src="/content/plasma-desktop/window-close.svg" class="window-close" /> | ||
20 | </div> | 33 | </div> | ||
21 | <article class="container"> | 34 | <div class="view"> | ||
22 | <h1>Plasma<sup> by KDE</sup></h1> | 35 | <h2>Latest release - Plasma 5.16</h2> | ||
23 | <p>Simple by default, powerful when needed.</p> | 36 | <p>Featuring a improved login screen and lock screen, a completely rewritten notification system.</p> | ||
24 | <a href="https://community.kde.org/Distributions" class="learn-more breeze-button mt-3">View distributions offering Plasma</a><br /> | 37 | <a href="/announcements/plasma5.16.0" class="button">See announcements</a><br /> | ||
25 | <a href="https://userbase.kde.org/Plasma" class="learn-more breeze-button mt-3">View UserBase wiki</a> | 38 | </div> | ||
26 | </article> | 39 | </div> | ||
27 | 40 | </div> | |||
28 | 41 | </section> | |||
29 | <svg id="demo-widgets" version="1.1" viewBox="0 0 250 500"> | 42 | | ||
30 | <defs> | 43 | <section id="simple-by-default"> | ||
31 | <radialGradient id="radialGradient4941" gradientUnits="userSpaceOnUse" cy="677.36" cx="125" r="115"> | 44 | <div class="container"> | ||
32 | <stop stop-color="#232629" offset="0"/> | 45 | <h2>Simple by default</h2> | ||
33 | <stop stop-color="#232629" stop-opacity=".52349" offset="0.9"/> | 46 | <p>Plasma is designed to be easy to use.</p> | ||
34 | <stop stop-color="#232629" stop-opacity=".10738" offset="0.96"/> | 47 | <ul class="nav justify-content-center nav-features" role="tablist"> | ||
35 | <stop stop-color="#232629" stop-opacity="0" offset="1"/> | 48 | <li class="nav-item"> | ||
36 | </radialGradient> | 49 | <a class="nav-link active" href="#simple-by-default-launcher" data-toggle="tab" aria-selected="true" aria-controls="launcher" id="simple-by-default-launcher-control">Launcher</a> | ||
37 | <style type="text/css">.ColorScheme-Text { | 50 | </li> | ||
38 | color:#4d4d4d; | 51 | <li class="nav-item"> | ||
39 | }</style> | 52 | <a class="nav-link" href="#simple-by-default-tray" data-toggle="tab" aria-selected="true" aria-controls="plasma widgets" id="simple-by-default-tray-control">System Tray</a> | ||
40 | <style type="text/css">.ColorScheme-Text { | 53 | </li> | ||
41 | color:#4d4d4d; | 54 | <li class="nav-item"> | ||
42 | }</style> | 55 | <a class="nav-link" href="#simple-by-default-notifications" data-toggle="tab" aria-selected="true" aria-controls="notification" id="simple-by-default-notifications-control">Notifications</a> | ||
43 | </defs> | 56 | </li> | ||
44 | <g transform="translate(0 -552.36)"> | 57 | <li class="nav-item"> | ||
45 | <rect opacity=".2" rx="3" ry="3" height="222" width="222" y="811.36" x="14" fill="#172525"/> | 58 | <a class="nav-link" href="#simple-by-default-discover" data-toggle="tab" aria-selected="true" aria-controls="plasma widget" id="simple-by-default-discover-control">Discover</a> | ||
46 | <circle cx="125" cy="677.36" r="115" fill="url(#radialGradient4941)"/> | 59 | </li> | ||
47 | <circle cx="125" cy="677.36" r="110" fill="#6f8181"/> | 60 | </ul> | ||
48 | <circle cx="125" cy="677.36" r="109" fill="#eff1f1"/> | 61 | </div> | ||
49 | <g fill="#54a3d8"> | 62 | <div class="tab-content tab-content-feature pl-4 pr-4"> | ||
50 | <rect height="3" width="20" y="675.86" x="20"/> | 63 | <div class="tab-pane active" id="simple-by-default-launcher" role="tabpanel" aria-labelledby="simple-by-default-launcher-control"> | ||
51 | <rect height="3" width="20" y="675.86" x="210"/> | 64 | <div class="laptop-with-overlay"> | ||
52 | <rect transform="rotate(90)" height="3" width="20" y="-126.5" x="762.36"/> | 65 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||
53 | <path d="m131.38 25.77c-3.08 0-5.58.878-7.5 2.636l1.14 3.067c1.62-1.641 3.71-2.461 6.27-2.461 1.71 0 3.05.436 4 1.308.95.873 1.42 2.142 1.42 3.809 0 1.068-.32 2.148-.97 3.242-.64 1.081-1.6 2.35-2.87 3.809l-9.4 10.683v3.692h16.45v-3.008h-13.03l8.26-8.809c1.81-1.94 3.15-3.652 4.03-5.136.87-1.498 1.3-3.093 1.3-4.786 0-2.487-.83-4.446-2.5-5.878-1.65-1.446-3.85-2.168-6.6-2.168zm-14.88 1.23c-1.94 1.367-3.53 2.324-4.78 2.871v3.067c1.59-.717 3.18-1.609 4.78-2.676v25.293h3.5v-28.555h-3.5z" transform="translate(0 552.36)"/> | 66 | <div class="laptop-overlay"> | ||
54 | </g> | 67 | <img class="img-fluid mb-3" src="/content/plasma-desktop/plasma-launcher.png" alt="Screenshot Plasma with the launcher open" /> | ||
55 | <g transform="matrix(1.0512 0 0 1.0512 -6.742 -28.2)"> | 68 | </div> | ||
56 | <path opacity=".6" style="color:#000000;text-indent:0;block-progression:tb;text-decoration-line:none;text-transform:none" d="m75.614 584.1-.95463.56574 2.369 4.0662c.31421-.18493.63815-.34896.95463-.53038zm99.428 0-2.2984 3.9955c.33107.18876.66157.37317.99004.56574l2.2984-3.9955zm-108.27 5.6927-.91932.63646 2.7933 3.8541c.30425-.22503.61236-.45033.91944-.67182zm117.11 0-2.6873 3.7127c.30188.21694.62016.4161.91933.63645l2.6872-3.7126zm-125.31 6.5767-.81330.74253 3.147 3.5005c.27133-.24833.57434-.46195.84861-.70718zm133.51 0-3.0763 3.3944c.28094.2501.57083.48918.84861.74253l3.0763-3.3944zm-140.97 7.39-.74248.8486 3.5359 3.1823c.24802-.27983.49129-.57172.74248-.8486zm148.44 0-3.3944 3.0408c.26318.28905.5181.5917.77778.88397l3.3944-3.0762zm-155.08 8.1325-.67176.88396 3.8895 2.8287c.21747-.30361.41559-.61838.63646-.91933zm161.73 0-3.6773 2.6872c.21554.29289.42407.58855.63634.88397l3.7127-2.6873zm-167.53 8.7689-.56574.99004 4.1724 2.4044c.18737-.33005.37441-.66245.56574-.99004zm173.33 0-3.9602 2.2983c.19235.32861.37712.65897.56573.99005l3.9602-2.2983zm-178.14 9.3347-.45961 1.0254 4.3845 1.9447c.15083-.34546.30493-.68207.45961-1.0254zm182.95 0-4.1724 1.8386c.15422.34102.30946.68225.45972 1.0254l4.1723-1.8386zm-186.76 9.7943-.35347 1.0608 4.5965 1.4851c.11088-.34895.20412-.71354.31828-1.0608zm190.58 0-4.3492 1.4144c.11552.35039.24202.70859.35358 1.0608l4.3491-1.4144zm-193.38 10.148-.21215 1.0961 4.7026.99005c.07468-.36671.16882-.73096.24757-1.0961zm196.13 0-4.4551.95469c.0781.36282.13781.73177.21204 1.0961l4.4906-.95469zm-197.8 10.36-.14144 1.0961 4.8441.49502c.03508-.3643.06676-.73302.10636-1.0961l-4.8088-.49502zm199.53 0-4.5966.49502c.0396.3631.0713.73182.10636 1.0961l4.5965-.49502-.10636-1.0961zm-194.79 20.473-4.8794.49502.14144 1.1315 4.8441-.49503c-.04187-.37639-.06902-.75376-.10636-1.1315zm190.26 0c-.0373.37771-.0645.75508-.10636 1.1315l4.6319.49503.10636-1.1315zm-188.78 9.8651-4.7735 1.0254.21215 1.0961 4.8088-1.0254c-.08033-.36472-.17187-.72986-.24745-1.0961zm187.29.0707c-.0758.36617-.16746.7315-.24757 1.0961l4.5259.95468.24756-1.0961zm-184.75 9.5822-4.6673 1.5204.35347 1.0961 4.6673-1.5204c-.12163-.36577-.23614-.72839-.35347-1.0961zm182.17.0707c-.11778.36759-.23161.73047-.3537 1.0961l4.4553 1.4497.35347-1.0961zm-178.63 9.2993-4.4906 2.0154.45961 1.0254 4.4906-2.0154c-.15569-.34293-.30788-.68033-.45961-1.0254zm175.1.10601c-.15151.34322-.30437.68433-.45972 1.0254l4.2784 1.9094.45961-1.0254zm-170.57 8.8043-4.3139 2.4751.56574.99005 4.3139-2.4751c-.19224-.32697-.37735-.6606-.56574-.99004zm166.04.10602c-.18964.33047-.37248.66207-.56574.99004l4.1016 2.369.56573-.99004zm-160.67 8.3093-3.9956 2.8994.67176.91933 3.9956-2.8994c-.22573-.30583-.44965-.61074-.67176-.91933zm155.22.10602c-.21848.3027-.41434.61929-.63634.91933l3.8187 2.7933.67175-.91933zm-148.93 7.6728-3.7126 3.3237.74248.84861 3.7127-3.3237c-.25368-.278-.49208-.56763-.74259-.84861zm142.67.10602c-.25617.28657-.51833.56516-.77789.8486l3.5713 3.2176.77778-.84861zm-135.71 7.001-3.2884 3.6773.81330.77789 3.3237-3.7127c-.28083-.2501-.57072-.48918-.84861-.74253zm128.67.10602c-.284.25808-.56132.52321-.84861.77789l3.2177 3.5712.84861-.77789zm-120.96 6.2231-2.8994 3.9955.91932.67181 2.8994-3.9955c-.30731-.22103-.61473-.44725-.91932-.67182zm113.22.10602c-.30504.22393-.61145.45144-.91932.67182l2.8287 3.8894.91932-.67182zm-104.84 5.4099-2.475 4.2784.95463.56574 2.4751-4.3138c-.31681-.18101-.64019-.34585-.95474-.53038zm96.458.0707c-.31998.18689-.63226.38247-.95462.56574l2.4044 4.2077.99004-.56574zm-87.619 4.5259-1.9801 4.4906 1.0253.45966 2.0154-4.4906c-.35438-.15576-.70853-.29974-1.0606-.45966zm78.779.10602c-.34839.15712-.71035.30661-1.0609.45966l1.9448 4.3845 1.0608-.45966zm-69.444 3.5359-1.5205 4.7027 1.0608.35359 1.5204-4.7027c-.35540-.11331-.70717-.23625-1.0606-.35359zm60.074.0707c-.36457.12003-.72958.23784-1.0961.35359l1.5204 4.632 1.0961-.35359zm-50.457 2.5458-1.0254 4.8088 1.1314.24751 1.0255-4.8088c-.37769-.0778-.7556-.1652-1.1315-.24751zm40.804.0707c-.36943.0798-.72505.17203-1.0961.24751l1.0254 4.7381 1.0961-.24751zm-30.903 1.5558-.53044 4.9148 1.1315.10602.49502-4.8795c-.36761-.0363-.72969-.10093-1.0961-.14143zm21.038.0354c-.36547.0396-.72946.0706-1.0961.10602l.49491 4.8795 1.0962-.10602z" fill="#31363b"/> | 69 | </div> | ||
57 | <path d="m76.509 583.8-2.6541 1.5315 2.632 4.5568 2.6541-1.5315-2.632-4.5568zm97.597 0-2.6298 4.5568 2.6541 1.5315 2.6298-4.5568-2.6541-1.5315zm-134.85 36.132-1.5315 2.6541 4.5569 2.632 1.5315-2.6541-4.5568-2.632zm172.11 0-4.5568 2.632 1.5337 2.6541 4.5568-2.632-1.5337-2.6541zm-169.08 97.621-4.5569 2.6298 1.5315 2.6541 4.5568-2.6298-1.5315-2.6541zm166.06 0-1.5337 2.6541 4.5568 2.6298 1.5337-2.6541-4.5568-2.6298zm-131.85 35.328-2.632 4.5568 2.6541 1.5337 2.632-4.5568-2.6541-1.5337zm97.643 0-2.6541 1.5337 2.6298 4.5568 2.6541-1.5337-2.6298-4.5568z" fill="#666667"/> | 70 | <div class="container"> | ||
58 | </g> | 71 | The Plasma Launcher lets you quickly and easily launch applications, but it can do much more -- convenient tasks like bookmarking applications, searching for documents as you type, or navigating to common places help you getting straight to the point. With a history of recently started programs and opened files, you can return to where you left off. It even remembers previously entered search terms so you don't have to. | ||
59 | <g> | 72 | </div> | ||
60 | <path d="m134.67 66.799l-3.78 4.439-7.81 47.032a7 7 0 0 0 -5.08 6.73 7 7 0 0 0 7 7 7 7 0 0 0 7 -7 7 7 0 0 0 -3 -5.74l7.81-47.037-2.14-5.424z" transform="translate(0 552.36)" fill="#172525"/> | 73 | </div> | ||
61 | <path d="m125 121a4 4 0 0 0 -4 4 4 4 0 0 0 1.18 2.83l-24.926 59.27 2.766 1.16 24.93-59.26a4 4 0 0 0 .05 0 4 4 0 0 0 4 -4 4 4 0 0 0 -4 -4z" transform="translate(0 552.36)" fill="#536161"/> | 74 | <div class="tab-pane" id="simple-by-default-tray" role="tabpanel" aria-labelledby="simple-by-default-tray-control"> | ||
62 | <rect rx="2" ry="2" height="220" width="220" y="812.36" x="15" fill="#e9d6bb"/> | 75 | <div class="laptop-with-overlay"> | ||
63 | <path d="m15 478c0 1.11.892 2 2 2h216c1.11 0 2-.89 2-2h-220z" transform="translate(0 552.36)" fill="#d4ba94"/> | 76 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||
64 | <path style="color:#4d4d4d" d="m35 442v3h1v10h-1v3h3v-1h10v1h3v-3h-1v-10h1v-3h-3v1h-10v-1h-3zm172.5 0c-1.21 0-2.22.86-2.45 2h-6.05v1h6.05c.23 1.14 1.24 2 2.45 2s2.22-.86 2.45-2h5.05v-1h-5.05c-.23-1.14-1.24-2-2.45-2zm-171.5 1h1v1h-1v-1zm13 0h1v1h-1v-1zm-11 1h10v1h1v10h-1v1h-10v-1h-1v-10h1v-1zm0 2v2h4v7h2v-7h4v-2h-10zm163.5 7c-1.38 0-2.5 1.12-2.5 2.5s1.12 2.5 2.5 2.5c1.21 0 2.22-.86 2.45-2h11.05v-1h-11.05c-.23-1.14-1.24-2-2.45-2zm0 1c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zm-165.5 2h1v1h-1v-1zm13 0h1v1h-1v-1z" transform="translate(0 552.36)" fill="currentColor"/> | 77 | <div class="laptop-overlay"> | ||
65 | <text style="word-spacing:0px;letter-spacing:0px" xml:space="preserve" font-size="12.5px" line-height="125%" y="842.36218" x="34" font-family="'Noto Sans'" fill="#334545"><tspan x="34" y="842.36218">Don't forget the milk!</tspan></text> | 78 | <img class="img-fluid mb-3" src="/content/plasma-desktop/plasma-systemtray.png" alt="Screenshot Plasma with the systemtray open" /> | ||
66 | </g> | 79 | </div> | ||
67 | </g> | 80 | </div> | ||
68 | </svg> | 81 | <div class="container"> | ||
69 | 82 | <div class="text-center"> | |||
70 | 83 | <button class="button d-none">Replay</button><br /> | |||
71 | 84 | </div> | |||
72 | 85 | <p>Connect to your WiFi network; change the volume; switch to the next song or pause a video; access an external device; change the screen layout. All these and a lot more--directly from the system tray.</p> | |||
73 | <div id="demo-panel"> | 86 | <p>To conserve the focus on what you're currently doing, any icon can be hidden if you like. Inactive icons hide themselves unless you tell them to stay where they are.</p> | ||
74 | <svg height="32" width="32" viewBox="0 0 32 32"> | 87 | </div> | ||
75 | <path id="path4901" style="color:#4d4d4d" d="m11 6c-0.692 0-1.25 0.5575-1.25 1.25s0.558 1.25 1.25 1.25 1.25-0.5575 1.25-1.25-0.558-1.25-1.25-1.25zm8.75 0l-2.5 2.5 3.75 3.75-3.75 3.75 2.5 2.5 3.75-3.75 2.5-2.5-6.25-6.25zm-11.875 7.5c-1.0388 0-1.875 0.836-1.875 1.875s0.8362 1.875 1.875 1.875 1.875-0.836 1.875-1.875-0.8362-1.875-1.875-1.875zm5.625 7.5c-1.385 0-2.5 1.115-2.5 2.5s1.115 2.5 2.5 2.5 2.5-1.115 2.5-2.5-1.115-2.5-2.5-2.5z" fill="#334545"/> | 88 | </div> | ||
76 | </svg> | 89 | <div class="tab-pane" id="simple-by-default-notifications" role="tabpanel" aria-labelledby="simple-by-default-notifications-control"> | ||
77 | <div id="demo-toolbar"> | 90 | <div class="laptop-with-overlay"> | ||
78 | <svg height="32" width="32" viewBox="0 0 32 32"> | 91 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||
79 | <path style="color:#4d4d4d" d="m15.988 8l-4.988 4.99v0.01 1 4 1 0.01l4.988 4.99h1.012v-0.402-15.196-0.402h-1.012zm3.336 4.281l-0.539 0.862a4 4 0 0 1 1.215 2.857 4 4 0 0 1 -1.211 2.861l0.539 0.864a5 5 0 0 0 1.672 -3.725 5 5 0 0 0 -1.676 -3.719zm-11.324 0.719v1 4 1h2v-1-4-1h-2z"/> | 92 | <div class="laptop-overlay"> | ||
80 | <path id="path4188" style="color:#4d4d4d" d="m18.865 8.5371l-0.244 0.9766a7 7 0 0 1 4.379 6.4863 7 7 0 0 1 -4.381 6.479l0.244 0.974a8 8 0 0 0 5.137 -7.453 8 8 0 0 0 -5.135 -7.4629z" fill-opacity=".25"/> | 93 | <img class="img-fluid mb-3" src="/content/plasma-desktop/plasma-notifications.png" alt="Screenshot Plasma with a notification" /> | ||
81 | </svg><span style="font-size: 20px; line-height: 32px; vertical-align: middle;">13:37</span> | 94 | </div> | ||
95 | </div> | ||||
96 | <div class="container"> | ||||
97 | <div class="text-center"> | ||||
98 | <button class="button d-none">Replay</button><br /> | ||||
99 | </div> | ||||
100 | <p>See active tasks and recent actions; read new e-mails; quickly reply to messages; see track changes or low battery notice; check for updates; interact with recently moved files or screenshots. Or enter "Do Not Disturb" mode to concentrate on your work.</p> | ||||
101 | </div> | ||||
102 | </div> | ||||
103 | <div class="tab-pane" id="simple-by-default-discover" role="tabpanel" aria-labelledby="Widget"> | ||||
104 | <div class="laptop-with-overlay"> | ||||
105 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||||
106 | <div class="laptop-overlay"> | ||||
107 | <video class="img-fluid mb-3"> | ||||
108 | <source src="/content/plasma-desktop/discover_1280x900_1500k.webm" /> | ||||
109 | </video> | ||||
110 | </div> | ||||
111 | </div> | ||||
112 | <div class="container"> | ||||
113 | <div class="text-center"> | ||||
114 | <button class="breeze-button d-none">Replay</button><br /> | ||||
115 | </div> | ||||
116 | Discover lets you manage the applications installed in your computer. Updating, removing or installing an application is only one click away. Supports <a href="https://flatpak.org/">Flatpak</a>, <a href="https://snapcraft.io/store">SnapStore</a> and the application available in your Linux distribution. | ||||
117 | </div> | ||||
118 | </div> | ||||
119 | </div> | ||||
120 | </section> | ||||
121 | | ||||
122 | <section id="powerful-when-needed"> | ||||
123 | <div class="container"> | ||||
124 | <h2>Powerful when needed</h2> | ||||
125 | <p>Plasma is made to stay out of the way as it helps you get things done. But under its light and intuitive surface, it's a powerhouse. So you're free to choose ways of usage right as you need them and when you need them.</p> | ||||
126 | <ul class="nav justify-content-center nav-features" role="tablist"> | ||||
127 | <li class="nav-item"> | ||||
128 | <a class="nav-link active" href="#powerful-when-needed-krunner" id="powerful-when-needed-control-krunner" data-toggle="tab" aria-selected="true" aria-controls="launcher">KRunner</a> | ||||
129 | </li> | ||||
130 | <li class="nav-item"> | ||||
131 | <a class="nav-link" href="#powerful-when-needed-systemsettings" id="powerful-when-needed-control-tray" data-toggle="tab" aria-selected="true" aria-controls="plasma widgets">System setting</a> | ||||
132 | </li> | ||||
133 | <li class="nav-item"> | ||||
134 | <a class="nav-link" href="#powerful-when-needed-apps" id="powerful-when-needed-control-apps" data-toggle="tab" aria-selected="true" aria-controls="KDE apps">Professional Apps</a> | ||||
135 | </li> | ||||
136 | </ul> | ||||
137 | </div> | ||||
138 | <div class="tab-content tab-content-feature pl-4 pr-4"> | ||||
139 | <div class="tab-pane fade show active" id="powerful-when-needed-krunner" role="tabpanel" aria-labelledby="powerful-when-needed-control-krunner"> | ||||
140 | <div class="laptop-with-overlay"> | ||||
141 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||||
142 | <div class="laptop-overlay"> | ||||
143 | <img class="img-fluid mb-3" src="/content/plasma-desktop/krunner.png" alt="Screenshot Plasma with KRunner" /> | ||||
144 | </div> | ||||
145 | </div> | ||||
146 | <div class="container"> | ||||
147 | KRunner is the launcher built into the Plasma desktop. While it's basic function is to launch programs from a sort of mini-command-line, it's functionality can be extended by "runners" to assist the user to accomplish a lot of tasks. From opening folders and files to calculations and currency conversions or even controlling your music player application - there are so many things right at your fingertips. | ||||
148 | </div> | ||||
149 | </div> | ||||
150 | <div class="tab-pane fade" id="powerful-when-needed-systemsettings" role="tabpanel" aria-labelledby="powerful-when-needed-control-systemsetting"> | ||||
151 | <div class="laptop-with-overlay"> | ||||
152 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||||
153 | <div class="laptop-overlay"> | ||||
154 | <img class="img-fluid mb-3" src="/content/plasma-desktop/systemsettings.png" alt="Screenshot: Plasma system setting" /> | ||||
155 | </div> | ||||
156 | </div> | ||||
157 | <div class="container"> | ||||
158 | Your Plasma desktop is very flexible and can be configured just how you like it using the System Settings app. Easily manage hardware, software, and workspaces all in one place: Keyboard, Printer, Languages, Desktop Themes, Fonts, Networks... | ||||
159 | </div> | ||||
160 | </div> | ||||
161 | <div class="tab-pane fade" id="powerful-when-needed-apps" role="tabpanel" aria-labelledby="powerful-when-needed-control-apps"> | ||||
162 | <div class="laptop-with-overlay"> | ||||
163 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||||
164 | <div class="laptop-overlay"> | ||||
165 | <img class="img-fluid mb-3" src="/content/plasma-desktop/systemsettings.png" alt="Screenshot: Plasma system setting" /> | ||||
166 | </div> | ||||
167 | </div> | ||||
168 | <div class="container"> | ||||
169 | Krita is an application used by many artists that gives to everyone the opportunity to draw concept art, textures, matte paintings, illustrations and comics. Kdenlive is a professional tool that enables everyone to do non-linear video editing. DigiKam is an advanced open-source digital photo management application that provides a comprehensive set of tools for importing, managing, editing, and sharing photos and raw files. | ||||
170 | </div> | ||||
171 | </div> | ||||
172 | </div> | ||||
173 | </section> | ||||
174 | | ||||
175 | <section id="plasma-configuration"> | ||||
176 | <div class="container"> | ||||
177 | <h2>Customizable</h2> | ||||
178 | <p>With Plasma the user is king. Not happy with the color scheme? Change it! Want to have your panel on the left edge of the screen? Move it! Don't like the font? Use a different one! Download custom widgets in one click and add them to your desktop or panel.</p> | ||||
179 | <ul class="nav justify-content-center nav-features" role="tablist"> | ||||
180 | <li class="nav-item"> | ||||
181 | <a class="nav-link active" href="#plasma-configuration-dark" id="plasma-configuration-dark-control" data-toggle="tab" aria-selected="true" aria-controls="Dark Theme">Dark theme</a> | ||||
182 | </li> | ||||
183 | <li class="nav-item"> | ||||
184 | <a class="nav-link" href="#plasma-configuration-widgets" id="plasma-configuration-widgets-control" data-toggle="tab" aria-selected="true" aria-controls="Widgets">Widgets</a> | ||||
185 | </li> | ||||
186 | <li class="nav-item"> | ||||
187 | <a class="nav-link" href="#plasma-configuration-panels" id="plasma-configuration-panels-control" data-toggle="tab" aria-selected="true" aria-controls="Panels">Panels</a> | ||||
188 | </li> | ||||
189 | <li class="nav-item"> | ||||
190 | <a class="nav-link" href="#plasma-configuration-community" id="plasma-configuration-community-control" data-toggle="tab" aria-selected="true" aria-controls="Community Extensions">Community Extensions</a> | ||||
191 | </li> | ||||
192 | </ul> | ||||
193 | </div> | ||||
194 | <div class="tab-content tab-content-feature pl-4 pr-4"> | ||||
195 | <div class="tab-pane fade show active" id="plasma-configuration-dark" role="tabpanel" aria-labelledby="#plasma-configuration-dark-control"> | ||||
196 | <div class="laptop-with-overlay"> | ||||
197 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||||
198 | <div class="laptop-overlay"> | ||||
199 | <img class="img-fluid mb-3" src="/content/plasma-desktop/theme.png" alt="Plasma and Kontact with dark theme enabled" /> | ||||
200 | </div> | ||||
201 | </div> | ||||
202 | <div class="container"> | ||||
203 | Give your eyes some rest by switching Plasma and it's applications to a built-in dark theme. | ||||
204 | </div> | ||||
205 | </div> | ||||
206 | <div class="tab-pane fade" id="plasma-configuration-widgets" role="tabpanel" aria-labelledby="#plasma-configuration-widgets-control"> | ||||
207 | <div class="laptop-with-overlay"> | ||||
208 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||||
209 | <div class="laptop-overlay"> | ||||
210 | <img class="img-fluid mb-3" src="/content/plasma-desktop/plasma-widgets.png" /> | ||||
211 | </div> | ||||
212 | </div> | ||||
213 | <div class="container"> | ||||
214 | Add widgets to your desktop or panels; move, rotate or resize them; download custom widgets made by the community in one click. | ||||
215 | </div> | ||||
216 | </div> | ||||
217 | <div class="tab-pane fade" id="plasma-configuration-panels" role="tabpanel" aria-labelledby="#plasma-configuration-panels-control"> | ||||
218 | <div class="laptop-with-overlay"> | ||||
219 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||||
220 | <div class="laptop-overlay"> | ||||
221 | <img class="img-fluid mb-3" src="/content/plasma-desktop/plasma-panels.png" /> | ||||
222 | </div> | ||||
223 | </div> | ||||
224 | <div class="container"> | ||||
225 | Take complete control over your panels by moving and resizing them, adding new ones, changing the position of widgets within a panel or even adding new widgets to them. | ||||
226 | </div> | ||||
227 | </div> | ||||
228 | <div class="tab-pane fade" id="plasma-configuration-community" role="tabpanel" aria-labelledby="#plasma-configuration-community-control"> | ||||
229 | <div class="laptop-with-overlay"> | ||||
230 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||||
231 | <div class="laptop-overlay"> | ||||
232 | <img class="img-fluid mb-3" src="/content/plasma-desktop/plasma-latte.png" /> | ||||
233 | </div> | ||||
234 | </div> | ||||
235 | <div class="container"> | ||||
236 | KDE has a vast community of people who create application themes, color schemes, widgets, and extensions -- all for free! You can browse their creations in the <a href="https://store.kde.org">KDE Store</a> or download them directly from the relevant page in System Settings. | ||||
237 | </div> | ||||
82 | </div> | 238 | </div> | ||
83 | </div> | 239 | </div> | ||
84 | </section> | 240 | </section> | ||
85 | 241 | | |||
86 | <aside id="kWelcome" class="container"> | 242 | <section id="kde-connect"> | ||
243 | <div class="container"> | ||||
244 | <h2>KDE Connect</h2> | ||||
245 | <p>Send your vacation pictures; see what music is currently playing on your computer; move your mouse cursor during a presentation; poweroff your computer remotly before going to bed. All these from your Android device.</p> | ||||
246 | <ul class="nav justify-content-center nav-features" role="tablist"> | ||||
247 | <li class="nav-item"> | ||||
248 | <a class="nav-link active" href="#kde-connect-media-sync" id="kde-connect-media-sync-control" data-toggle="tab" aria-selected="true" aria-controls="launcher">Media Sync</a> | ||||
249 | </li> | ||||
250 | <li class="nav-item"> | ||||
251 | <a class="nav-link" href="#kde-connect-send-files" id="kde-connect-send-files-control" data-toggle="tab" aria-selected="true" aria-controls="launcher">Send files</a> | ||||
252 | </li> | ||||
253 | <li class="nav-item"> | ||||
254 | <a class="nav-link" href="#kde-connect-notifications" id="kde-connect-notifications-control" data-toggle="tab" aria-selected="true" aria-controls="launcher">Notifications</a> | ||||
255 | </li> | ||||
256 | </ul> | ||||
257 | <div class="tab-content tab-content-feature pl-4 pr-4"> | ||||
258 | <div class="tab-pane fade show active" id="kde-connect-media-sync" role="tabpanel" aria-labelledby="kde-connect-control-media-sync"> | ||||
259 | <div class="plasma-and-android row align-items-center"> | ||||
260 | <div class="col-3"> | ||||
261 | <div class="phone-with-overlay"> | ||||
262 | <img class="phone img-fluid mb-3" src="/content/plasma-desktop/phone.png" alt="empty phone with an overlay"> | ||||
263 | <div class="phone-overlay"> | ||||
264 | <img class="img-fluid mb-3" src="/content/plasma-desktop/kde-connect-android-media.jpg" alt="KDE Connect menu" /> | ||||
265 | </div> | ||||
266 | </div> | ||||
267 | </div> | ||||
268 | <div class="col-9"> | ||||
269 | <div class="laptop-with-overlay"> | ||||
270 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||||
271 | <div class="laptop-overlay"> | ||||
272 | <img class="img-fluid mb-3" src="/content/plasma-desktop/kde-connect-desktop-media.png" /> | ||||
273 | </div> | ||||
274 | </div> | ||||
275 | </div> | ||||
276 | </div> | ||||
277 | <p>See what's playing on your computer, be it music, videos or youtube; Pause, play or skip to the next track all from your phone.</p> | ||||
278 | </div> | ||||
279 | <div class="tab-pane fade" id="kde-connect-send-files" role="tabpanel" aria-labelledby="kde-connect-send-files-control"> | ||||
280 | <div class="plasma-and-android row align-items-center"> | ||||
281 | <div class="col-3"> | ||||
282 | <div class="phone-with-overlay"> | ||||
283 | <img class="phone img-fluid mb-3" src="/content/plasma-desktop/phone.png" alt="empty phone with an overlay"> | ||||
284 | <div class="phone-overlay"> | ||||
285 | <video class="img-fluid mb-3"> | ||||
286 | <source src="/content/plasma-desktop/kde-connect-android-send-files.mp4" /> | ||||
287 | </video> | ||||
288 | </div> | ||||
289 | </div> | ||||
290 | </div> | ||||
291 | <div class="col-9"> | ||||
292 | <div class="laptop-with-overlay"> | ||||
293 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||||
294 | <div class="laptop-overlay"> | ||||
295 | <video class="img-fluid mb-3"> | ||||
296 | <source src="/content/plasma-desktop/kde-connect-laptop-send-files.webm" /> | ||||
297 | </video> | ||||
298 | </div> | ||||
299 | </div> | ||||
300 | </div> | ||||
301 | </div> | ||||
302 | <div class="container"> | ||||
303 | <div class="text-center"> | ||||
304 | <button class="breeze-button d-none">Replay</button><br /> | ||||
305 | </div> | ||||
306 | <p>Share files from your Android device by simply tapping on the share button and selecting KDE Connect.</p> | ||||
307 | </div> | ||||
308 | </div> | ||||
309 | <div class="tab-pane fade" id="kde-connect-notifications" role="tabpanel" aria-labelledby="kde-connect-notifications-control"> | ||||
310 | <div class="plasma-and-android row align-items-center"> | ||||
311 | <div class="col-3"> | ||||
312 | <div class="phone-with-overlay"> | ||||
313 | <img class="phone img-fluid mb-3" src="/content/plasma-desktop/phone.png" alt="empty phone with an overlay"> | ||||
314 | <div class="phone-overlay"> | ||||
315 | <img class="img-fluid mb-3" src="/content/plasma-desktop/kde-connect-menu.jpg" alt="KDE Connect menu" /> | ||||
316 | </div> | ||||
317 | </div> | ||||
318 | </div> | ||||
319 | <div class="col-9"> | ||||
320 | <div class="laptop-with-overlay"> | ||||
321 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||||
322 | <div class="laptop-overlay"> | ||||
323 | <img class="img-fluid mb-3" src="/content/plasma-desktop/kde-connect-desktop.png" /> | ||||
324 | </div> | ||||
325 | </div> | ||||
326 | </div> | ||||
327 | </div> | ||||
328 | <p>Synchronize notification across your devices and quickly answer to messages from your computer.</p> | ||||
329 | </div> | ||||
330 | </div> | ||||
331 | <h3>Download the android extension</h3> | ||||
87 | <div> | 332 | <div> | ||
88 | <img src="/images/plasma.svg" class="float-left mr-2" width="64" height="64"> | 333 | <a href="https://f-droid.org/en/packages/org.kde.kdeconnect_tp/"><img src="content/plasma-desktop/Get_it_on_F-Droid.svg" alt="Get it on F-Droid" class="download-button-img" /></a> | ||
89 | <p class="col-12"> | 334 | <a href='https://play.google.com/store/apps/details?id=org.kde.kdeconnect_tp'><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png' class="download-button-img playstore" /></a> | ||
90 | Plasma is a cross-device work environment by the KDE Community where trust is put on the user's capacity to best define their own workflow and preferences.</p> | 335 | </div> | ||
91 | 336 | </div> | |||
92 | <p class="col-12">Plasma is simple by default, a clean work area for real-world usage which intends to stay out of your way. Plasma is powerful when needed, enabling the user to create the workflow that makes them more effective to complete their tasks.</p> | | |||
93 | | ||||
94 | <p class="col-12">Plasma never dictates the user's needs, it only strives to solve them. Plasma never defines what the user is allowed to do, it only ensures that they can.</p> | | |||
95 | | ||||
96 | <p class="col-12">Our motivation is to enable actual work to happen, across devices, across different platforms, using any application needed.</p> | | |||
97 | | ||||
98 | <p class="col-12">We build to be durable, we create to be usable, we design to be elegant.</p> | | |||
99 | </div> | | |||
100 | </aside> | | |||
101 | | ||||
102 | <main class="container" id="community-lists"> | | |||
103 | <section class="row"> | | |||
104 | <article class="col-md"> | | |||
105 | <h3>The Widget-Based Environment</h3> | | |||
106 | <p> | | |||
107 | Plasma is built on widgets, allowing you to | | |||
108 | move, mix, add, and remove just about everything | | |||
109 | to perfect your personal workflow. | | |||
110 | </p> | | |||
111 | </article> | | |||
112 | <article class="col-md"> | | |||
113 | <h3>Awesome with Android</h3> | | |||
114 | <p> | | |||
115 | The KDE Connect app for Android makes Plasma | | |||
116 | integrate seamlessly with your mobile device. | | |||
117 | </p> | | |||
118 | </article> | | |||
119 | <article class="col-md"> | | |||
120 | <h3>Fast & Efficent</h3> | | |||
121 | <p> | | |||
122 | Plasma is faster and more efficient than ever, using | | |||
123 | fewer resources than the previous generation desktop. | | |||
124 | </p> | | |||
125 | </article> | | |||
126 | <article class="col-md"> | | |||
127 | <h3>Featureful and Integrated</h3> | | |||
128 | <p> | | |||
129 | Plasma offers more thoughtfully integrated features | | |||
130 | than any other desktop environment for Linux or BSD. | | |||
131 | </p> | | |||
132 | </article> | | |||
133 | </section> | 337 | </section> | ||
134 | </main> | | |||
135 | <?php | | |||
136 | 338 | | |||
339 | <section class="container"> | ||||
340 | <small>Google Play and the Google Play logo are trademarks of Google LLC.</small> | ||||
341 | </section> | ||||
137 | 342 | | |||
138 | require('aether/footer.php'); | 343 | <section id="plasma-privacy"> | ||
344 | <div class="container"> | ||||
345 | <h2>Privacy</h2> | ||||
346 | <p>Privacy is one of KDE's major values. We believe that your data is private and belongs to you, and we take action to make sure that it stays that way!</p> | ||||
347 | <ul class="nav justify-content-center nav-features" role="tablist"> | ||||
348 | <li class="nav-item"> | ||||
349 | <a class="nav-link active" href="#plasma-privacy-vaults" id="plasma-privacy-vaults-control" data-toggle="tab" aria-selected="true" aria-controls="Vault">Vault</a> | ||||
350 | </li> | ||||
351 | <li class="nav-item"> | ||||
352 | <a class="nav-link" href="#plasma-privacy-microphone" id="plasma-privacy-microphone-control" data-toggle="tab" aria-selected="true" aria-controls="Microphone">Microphone</a> | ||||
353 | </li> | ||||
354 | </ul> | ||||
355 | </div> | ||||
356 | <div class="tab-content tab-content-feature pl-4 pr-4"> | ||||
357 | <div class="tab-pane fade show active" id="plasma-privacy-vaults" role="tabpanel" aria-labelledby="#plasma-privacy-vaults-control"> | ||||
358 | <div class="laptop-with-overlay"> | ||||
359 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||||
360 | <div class="laptop-overlay"> | ||||
361 | <img class="img-fluid mb-3" src="/content/plasma-desktop/theme.png" /> | ||||
362 | </div> | ||||
363 | </div> | ||||
364 | <div class="container"> | ||||
365 | Ensure your privacy is protected by using a graphical interface to encrypt your data. Create, lock, and unlock vaults directly from the System Tray. | ||||
366 | </div> | ||||
367 | </div> | ||||
368 | <div class="tab-pane fade" id="plasma-privacy-microphone" role="tabpanel" aria-labelledby="#plasma-privacy-microphone-control"> | ||||
369 | <div class="laptop-with-overlay"> | ||||
370 | <img class="laptop img-fluid mb-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay"> | ||||
371 | <div class="laptop-overlay"> | ||||
372 | <img class="img-fluid mb-3" src="/content/plasma-desktop/theme.png" /> | ||||
373 | </div> | ||||
374 | </div> | ||||
375 | <div class="container"> | ||||
376 | Make sure nobody is listening to you: a microphone icon will appear in the System Tray whenever an app is able to record audio. | ||||
377 | </div> | ||||
378 | </div> | ||||
379 | </div> | ||||
380 | </section> | ||||
381 | | ||||
382 | <script> | ||||
383 | const tab_with_video = ['simple-by-default-discover', 'simple-by-default-tray']; | ||||
384 | const tab_with_two_videos = ['kde-connect-send-files']; | ||||
385 | | ||||
386 | // add autoplay for tabs video | ||||
387 | tab_with_video.forEach(function(tab) { | ||||
388 | const nav = document.getElementById(`${tab}-control`); | ||||
389 | const video = document.querySelector(`#${tab} video`); | ||||
390 | const button = document.querySelector(`#${tab} button`); | ||||
391 | | ||||
392 | nav.addEventListener('click', function() { | ||||
393 | if (!button.classList.contains('d-none')) { | ||||
394 | button.classList.add('d-none'); | ||||
395 | } | ||||
396 | video.currentTime = 0; | ||||
397 | video.play(); | ||||
398 | }); | ||||
399 | | ||||
400 | video.addEventListener('ended', function() { | ||||
401 | if (button.classList.contains('d-none')) { | ||||
402 | button.classList.remove('d-none'); | ||||
403 | } | ||||
404 | }); | ||||
405 | | ||||
406 | button.addEventListener('click', function() { | ||||
407 | button.classList.add('d-none'); | ||||
408 | video.currentTime = 0; | ||||
409 | video.play(); | ||||
410 | }); | ||||
411 | }); | ||||
412 | | ||||
413 | // add autoplay for tabs with two videos (laptop and mobile) | ||||
414 | tab_with_two_videos.forEach(function(tab) { | ||||
415 | const nav = document.getElementById(`${tab}-control`); | ||||
416 | const video_mobile = document.querySelector(`#${tab} .phone-overlay video`); | ||||
417 | const video_laptop = document.querySelector(`#${tab} .laptop-overlay video`); | ||||
418 | const button = document.querySelector(`#${tab} button`); | ||||
419 | | ||||
420 | nav.addEventListener('click', function() { | ||||
421 | if (!button.classList.contains('d-none')) { | ||||
422 | button.classList.add('d-none'); | ||||
423 | } | ||||
424 | video_mobile.currentTime = 0; | ||||
425 | video_laptop.currentTime = 0; | ||||
426 | video_mobile.play(); | ||||
427 | video_laptop.play(); | ||||
428 | }); | ||||
429 | | ||||
430 | video_mobile.addEventListener('ended', function() { | ||||
431 | if (button.classList.contains('d-none')) { | ||||
432 | button.classList.remove('d-none'); | ||||
433 | } | ||||
434 | }); | ||||
435 | | ||||
436 | button.addEventListener('click', function() { | ||||
437 | button.classList.add('d-none'); | ||||
438 | video_mobile.currentTime = 0; | ||||
439 | video_laptop.currentTime = 0; | ||||
440 | video_mobile.play(); | ||||
441 | video_laptop.play(); | ||||
442 | }); | ||||
443 | }); | ||||
444 | | ||||
445 | /* | ||||
446 | let size_enum = Object.freeze({'small': '320x225_500k', "medium": '640x450_750k', 'large': '770x541_1000k'}) | ||||
447 | let size = size_enum.large; | ||||
448 | tab_with_video.forEach(function(tab) { | ||||
449 | const video_source = document.querySelector(`#simple-by-default-${tab} video source`); | ||||
450 | video_source.src = video_source.dataset.prefix + size + video_source.dataset.suffix; | ||||
451 | }); | ||||
452 | window.onresize = function() { | ||||
453 | window_width = window.innerWidth; | ||||
454 | let new_size = size; | ||||
455 | if (window_width < 768) { | ||||
456 | new_size = size_enum.small; | ||||
457 | } else if (window_width < 1020) { | ||||
458 | new_size = size_enum.medium; | ||||
459 | } else { | ||||
460 | new_size = size_enum.large; | ||||
461 | } | ||||
462 | if (size !== new_size) { | ||||
463 | size = new_size; | ||||
464 | // change video source | ||||
465 | tab_with_video.forEach(function(tab) { | ||||
466 | const video_source = document.querySelector(`#simple-by-default-${tab} video`); | ||||
467 | video_source.src = video_source.dataset.prefix + size + video_source.dataset.suffix; | ||||
468 | }); | ||||
469 | } | ||||
470 | }*/ | ||||
139 | 471 | | |||
472 | </script> | ||||
473 | | ||||
474 | <?php | ||||
475 | require('aether/footer.php'); | ||||
140 | ?> | 476 | ?> |