Index: content/plasma-desktop/portal-new.css =================================================================== --- /dev/null +++ content/plasma-desktop/portal-new.css @@ -0,0 +1,174 @@ +#plasma-last-release { + display: flex; + align-items: center; + justify-content: center; + background-image: url(wallpaper.jpg); + height: 450px; + background-position: center center; + background-size: cover; + color: white; +} + +.breeze-window { + max-width: 400px; + width: 90%; + margin-left: auto; + margin-right: auto; +} + +.breeze-window .kwin-shadow { + box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75); + border-radius: 5px; +} + +.breeze-window .headerbar { + background-image: linear-gradient(to bottom, #545f67, #475057); + color: white; + text-align: center; + padding: 10px; + height: 30px; + line-height: 12px; + width: 100%; + border-top-right-radius: 5px; + border-top-left-radius: 5px; + position: relative; +} + +.breeze-window .headerbar img { + width: 22px; + height: 22px; + padding: 0; + margin: 0; + position: absolute; + top: 4px; + border-width: 0; +} + +.breeze-window img.window-close { + right: 4px; +} + +.breeze-window img.window-maximize { + right: 30px; + top: 7px; + width: 16px; + height: 16px; +} + +.breeze-window img.window-minimize { + top: 7px; + width: 16px; + height: 16px; + right: 52px; +} + +.breeze-window .view { + padding: 10px; + color: #000; + width: 100%; + background-color: #eff0f1; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + text-align: center; +} + +.breeze-window h2 { + font-size: 20px; + margin-top: 10px; +} + +.breeze-button:active { + background-image: linear-gradient(to bottom, #96d2ed, #87bed7); +} + +.breeze-button:hover { + box-shadow: 1px 1px 0px 0px rgba(147, 206, 233, 0.2); + border: solid 1px rgba(147, 206, 233, 0.6); +} + +.breeze-button:hover::after { + color: #3daefd; +} + +.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; +} + +.breeze-button::after { + color: #232627; +} + +/* Feature tabs */ + +.tab-content-feature { + max-width: 1000px; + margin-left: auto; + margin-right: auto; +} + +.nav-features .nav-link { + border-top: 3px solid rgba(77,77,77, 0.8); + margin-left: 1px; + margin-right: 1px; +} + +.nav-features .nav-link.active { + border-top: 3px solid rgba(61,174,233, 0.8); +} + +.laptop-with-overlay { + position: relative; +} + +.laptop { + position: relative; +} + +.laptop-overlay { + position: absolute; + top: 0; + left: 0; + margin-top: 3%; + margin-left: 8%; + height: 92%; + width: 84%; +} + +a, a:visited, a:focus, a:active, a:hover{ + outline:0 none !important; +} + +main section { + margin-bottom: 0; + margin-top: 0; + padding: 20px; +} + +main h1 { + font-size: 36px; +} + +main h2 { + font-size: 30px; +} + +/* Gradient */ +#simple-by-default { + background: rgba(61,174,233,0.1); +} + +#powerful-when-needed { + background: rgba(218,68,83, 0.07); +} + +#plasma-configuration { + background: rgba(39,174,96, 0.1); +} Index: css/aetherCore.css =================================================================== --- css/aetherCore.css +++ css/aetherCore.css @@ -46,7 +46,6 @@ p { margin: 0px; margin-bottom: 1em; - max-width: 900px; } p + p { Index: plasma-desktop-new.php =================================================================== --- /dev/null +++ plasma-desktop-new.php @@ -0,0 +1,220 @@ + "Plasma", + 'section' => 'products', + 'cssFile' => 'content/plasma-desktop/portal-new.css?version=0', + 'description' => "Plasma is KDE's desktop environment. Simple by default, powerful when needed.", + ]); + + require('aether/header.php'); + +?> +
+
+
+

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 was designed to be as easy as posible to be used. No need to learn shortcuts to be productive.

+ +
+
+
+ Plasma desktop inside a laptop. +
+ Start an application; bookmark favorite applications; .... .... Plasma Launcher .... ..... ... .. . +
+
+
+
+ empty laptop with an overlay +
+ +
+
+
+
+
+
+ Connect to your WIFI network; change the volume; switch to the next song; open an your usb stick. All these and a lot more directly from the system tray. +
+
+
+
+ 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. +
+
+
+
+ +
+
+

Powerful when needed

+

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

+ +
+
+
+ Plasma desktop inside a laptop. +
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. +
+
+
+
+ +
+
+

Customizable

+

With Plasma the user is king. Not happy with the color, change it. Want to have the panel in the left border, move it.

+ +
+
+
+
+ empty laptop with an overlay +
+ +
+
+
+ Want a dark theme ....... ...... . . .. +
+
+
+
+ + + +