Commit ba736e8e authored by Carl Schwan's avatar Carl Schwan 🚴
Browse files

Update plasma desktop page

parent dfe57c12
......@@ -10,40 +10,58 @@
]);
require('aether/header.php');
?>
<style>
.header-plasma20 * {
color: white !important;
}
</style>
<main>
<section class="container">
<div class="text-center">
<h1>Plasma is a Desktop</h1>
<img src="/images/plasma.svg" width="64" height="64" class="mt-3 mb-3" alt="Logo of Plasma desktop">
<p class="ml-auto mr-auto">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>
<p>
<a href="/distributions" class="button">Get Plasma for your device</a>
<br class="d-md-none">
or
<br class="d-md-none">
<a href="/hardware" class="button">Buy a device with Plasma</a>
</p>
</div>
<div class="embed-responsive embed-responsive-16by9 mt-3 mb-3 ml-auto mr-auto" style="max-width: 800px;">
<video controls="controls" src="https://cdn.kde.org/promo/Announcements/Plasma/5.19/Video.mp4"></video>
<section class="text-center py-4 header-plasma20"
style="background: radial-gradient(circle, #c203c5 0%, #4e02a7 80%); color: white">
<h1>Plasma</h1>
<h2>The next generation desktop for Linux</h2>
<div class="laptop-with-overlay d-block my-3 mx-auto w-100" style="max-width: 1000px">
<img class="laptop img-fluid mt-3" src="/content/plasma-desktop/laptop.png" alt="empty laptop with an overlay">
<div class="laptop-overlay">
<img class="img-fluid mt-3" src="/announcements/plasma-5.20/plasma.jpg" alt="Plasma" />
</div>
</div>
<div class="container">
<p style="max-width: 800px" class="ml-auto mr-auto h5">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>
<p>
<a href="/distributions" class="button">Get Plasma for your device</a>
<br class="d-md-none">
or
<br class="d-md-none">
<a href="/hardware" class="button">Buy a device with Plasma</a>
</p>
</div>
</section>
<section class="container">
<div class="embed-responsive embed-responsive-16by9 mt-3 mb-3 ml-auto mr-auto" style="max-width: 800px;">
<video controls="" poster="https://cdn.kde.org/promo/Announcements/Plasma/5.20/Thumbnail.png" data-vscid="n5qjfy0ao">
<source src="https://cdn.kde.org/promo/Announcements/Plasma/5.20/Video.webm" type="video/webm">
<source src="https://cdn.kde.org/promo/Announcements/Plasma/5.20/Video.mp4" type="video/mp4">
</video>
</div>
</section>
<section id="plasma-last-release">
<div class="breeze-window">
<div class="kwin-shadow">
<div class="headerbar">
About Plasma 5.19
About Plasma 5.20
<img alt="" src="/content/plasma-desktop/window-minimize.svg" class="window-minimize" />
<img alt="" src="/content/plasma-desktop/window-maximize.svg" class="window-maximize" />
<img alt="" src="/content/plasma-desktop/window-close.svg" class="window-close" />
</div>
<div class="view">
<h2>Latest Release: Plasma 5.19</h2>
<p>Featuring an emoji picker, a global edit mode, user feedback and much more.</p>
<a href="/announcements/plasma-5.19.0" class="breeze-button">See Announcements</a><br />
<h2>Latest Release: Plasma 5.20</h2>
<p class="h3">New and improved inside and out</p>
<p>A massive release, containing improvements to dozens of components, widgets, and the desktop behavior in general.<p>
<a href="/announcements/plasma-5.20.0" class="breeze-button">See Announcements</a><br />
</div>
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment