Index: content/plasma-desktop/portal.css =================================================================== --- content/plasma-desktop/portal.css +++ /dev/null @@ -1,151 +0,0 @@ - -#desktop-hero { - background-image: url(wallpaper.jpg); - background-size: cover; - background-position: center center; - padding-bottom: 32px; - position: relative; - min-height: 550px; - padding-right: 250px; - padding-top: 100px; -} - -#desktop-hero .window-headerbar { - background-image: linear-gradient(to bottom, #545f67, #475057); - color: white; - text-align: center; - padding: 10px; - margin: 20px 10px 0px 30px; - height: 30px; - line-height: 12px; - width: 90%; - max-width: 400px; - position: relative; - border-top-right-radius: 5px; - border-top-left-radius: 5px; -} - -.window-headerbar img { - width: 22px; - height: 22px; - padding: 0; - margin: 0; - position: absolute; - top: 4px; - border-width: 0; -} - -img.window-close { - right: 4px; -} - -img.window-maximize { - right: 30px; - top: 7px; - width: 16px; - height: 16px; -} - -img.window-minimize { - top: 7px; - width: 16px; - height: 16px; - right: 52px; -} -#desktop-hero sup { - font-size: 40%; vertical-align: super; -} - -#desktop-hero .container { - padding: 10px; - margin: 0px 10px 10px 30px; - color: #000; - max-width: 400px; - width: 90%; - background-color: #eff0f1; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; - box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75); -} - -#desktop-hero #demo-widgets { - position: absolute; - top: 20px; - right: 20px; - width: 250px; - height: 500px; -} - -#desktop-hero h1, #desktop-hero p { - text-shadow: 1px 0px 1px white, -1px 0px 1px white, 0px 0px 2px white; -} - -#desktop-hero svg { - vertical-align: middle; -} - -#desktop-hero .breeze-button:active { - background-image: linear-gradient(to bottom, #96d2ed, #87bed7); -} - -#desktop-hero .breeze-button:hover { - box-shadow: 1px 1px 0px 0px rgba(147, 206, 233, 0.2); - border: solid 1px rgba(147, 206, 233, 0.6); -} - -#desktop-hero .breeze-button { - color: #232627; - box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.2); - background-image: linear-gradient(to bottom, #eff0f1, #e9eaeb); - position: relative; - display: inline-block; - padding: 5px 10px; - border-radius: 2px; - border: solid 1px rgba(0,0,0,.1); - transition: background-image .2s; -} - -#desktop-hero .breeze-button::after { - color: #232627; -} - -#demo-panel { - position: absolute; - bottom: 0px; - left: 0px; - width: 100%; - background-color: rgba(239,241,241,.9); -} - -#demo-panel:before { - content: ""; - position: absolute; - bottom: 100%; - height: 4px; - width: 100%; - left: 0px; - background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%); -} - -#demo-toolbar { - position: absolute; - top: 0px; - right: 0px; -} - -@media (max-width: 768px) { - #demo-widgets {display: none;} - #desktop-hero { - padding-right: 20px; - } -} - -#kWelcome { - font-size: 14px; - border-radius: 2px; - border: solid 1px #abdaf9; - background-color: #e1f2ff; - color: #375a7d; - padding: 10px 20px !important; - margin: 10px auto !important; -} Index: plasma-desktop.php =================================================================== --- plasma-desktop.php +++ plasma-desktop.php @@ -4,137 +4,473 @@ $pageConfig = array_merge($pageConfig, [ 'title' => "Plasma", 'section' => 'products', - 'cssFile' => 'content/plasma-desktop/portal.css?version=5', + 'cssFile' => 'https://cdn.kde.org/aether-devel/plasma-desktop.css', 'description' => "Plasma is KDE's desktop environment. Simple by default, powerful when needed.", ]); require('aether/header.php'); ?> -
-
- About Plasma - - - -
-
-

Plasma by KDE

-

Simple by default, powerful when needed.

- View distributions offering Plasma
- View UserBase wiki -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Don't forget the milk! - - - - - - - -
- - - -
- - - - 13:37 -
-
-
+
+
+
+

Plasma is a Linux desktop

+ +

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.

+ Get Plasma here.
+
+ Plasma desktop inside a laptop. +
+ +
+
+
+
+ About Plasma 5.16 + + + +
+
+

Latest release - Plasma 5.16

+

Featuring a improved login screen and lock screen, a completely rewritten notification system.

+ See announcements
+
+
+
+
+ +
+
+

Simple by default

+

Plasma is designed to be easy to use.

+ +
+
+
+
+ empty laptop with an overlay +
+ Screenshot Plasma with the launcher open +
+
+
+ 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. +
+
+
+
+ empty laptop with an overlay +
+ Screenshot Plasma with the systemtray open +
+
+
+
+
+
+

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.

+

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.

+
+
+
+
+ empty laptop with an overlay +
+ Screenshot Plasma with a notification +
+
+
+
+
+
+

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.

+
+
+
+
+ empty laptop with an overlay +
+ +
+
+
+
+
+
+ Discover lets you manage the applications installed in your computer. Updating, removing or installing an application is only one click away. Supports Flatpak, SnapStore and the application available in your Linux distribution. +
+
+
+
- - -
-
-
-

The Widget-Based Environment

-

- Plasma is built on widgets, allowing you to - move, mix, add, and remove just about everything - to perfect your personal workflow. -

-
-
-

Awesome with Android

-

- The KDE Connect app for Android makes Plasma - integrate seamlessly with your mobile device. -

-
-
-

Fast & Efficent

-

- Plasma is faster and more efficient than ever, using - fewer resources than the previous generation desktop. -

-
-
-

Featureful and Integrated

-

- Plasma offers more thoughtfully integrated features - than any other desktop environment for Linux or BSD. -

-
-
-
-Get it on F-Droid + Get it on Google Play + + + +
+ Google Play and the Google Play logo are trademarks of Google LLC. +
+ +
+
+

Privacy

+

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!

+ +
+
+
+
+ empty laptop with an overlay +
+ +
+
+
+ Ensure your privacy is protected by using a graphical interface to encrypt your data. Create, lock, and unlock vaults directly from the System Tray. +
+
+
+
+ empty laptop with an overlay +
+ +
+
+
+ Make sure nobody is listening to you: a microphone icon will appear in the System Tray whenever an app is able to record audio. +
+
+
+
- require('aether/footer.php'); + +