Skip to content
GitLab
Commit 5ac792a8 authored by Phu Nguyen's avatar Phu Nguyen Committed by Paul Brown
Browse files

Plasma 5.25 announcement

parent 3a6bd30e
Expand all Hide whitespace changes
Inline Side-by-side
assets/scss/_plasma-announcement-shared.scss
View file @ 5ac792a8
......@@ -106,9 +106,9 @@ h1, h2 {
padding-top: 3rem;
padding-bottom: 3rem;
background: radial-gradient(circle, #555 0%, #001725 40%);
* {
color: white;
}
}
.twilight > :not(.alert) {
color: white;
}
.monitor {
......@@ -134,3 +134,11 @@ h1, h2 {
.logo {
width: 4rem;
}
.plasma-alert {
max-width: 800px;
margin-left: auto;
margin-right: auto;
text-align: left;
border-width: medium;
}
assets/scss/plasma-5-25.scss
View file @ 5ac792a8
@import "plasma-announcement-shared";
h1, h2 {
@media (prefers-color-scheme: dark) {
color: black !important;
}
.header-plasma, .header-plasma * {
color: #222 !important;
}
main li {
......@@ -19,17 +17,6 @@ main li {
}
}
/*
.max-width-400 {
max-width: 400px;
}
@media (max-width: 399.98px) {
.max-width-400 {
max-width: 100%;
}
}
*/
.highlight-grid {
display: grid;
grid-template-rows: auto auto;
......@@ -85,6 +72,7 @@ main li {
.feature-video {
width: 75%;
}
@media (max-width: 999px) {
.feature-video {
width: 100%;
......
content/announcements/changelogs/plasma/5/5.24.5-5.25.0.md 0 → 100644
View file @ 5ac792a8
This diff is collapsed.
content/announcements/plasma/5/5.25.0.md 0 → 100644
View file @ 5ac792a8
---
title: "Plasma 5.25"
subtitle: "New Looks"
description: "Plasma 5.25 brings new features and concepts to the desktop environment."
date: "2022-06-14"
images:
- /announcements/plasma/5/5.25.0/fullscreen_with_apps.png
layout: plasma-5.25
scssFiles:
- /scss/plasma-5-25.scss
authors:
- SPDX-FileCopyrightText: 2022 Niccolò Venerandi <niccolo.venerandi@kde.org>
- SPDX-FileCopyrightText: 2022 Paul Brown <paul.brown@kde.org>
- SPDX-FileCopyrightText: 2022 Aniqa Khokhar <aniqa.khokhar@kde.org>
- SPDX-FileCopyrightText: 2022 Phu Nguyen <>
SPDX-License-Identifier: CC-BY-4.0
highlights:
title: Highlights
items:
- header: Gestures
text: Gestures on touchpads and touchscreens put Plasma at your fingertips
hl_video:
poster: https://cdn.kde.org/promo/Announcements/Plasma/5.25/Overview_720p.png
mp4: https://cdn.kde.org/promo/Announcements/Plasma/5.25/Overview_720p.mp4
webm: https://cdn.kde.org/promo/Announcements/Plasma/5.25/Overview_720p.webm
hl_class: overview
- header: Colors
text: Bored of grey? Plasma puts a literal rainbow of possibilities at your disposal
hl_video:
poster: https://cdn.kde.org/promo/Announcements/Plasma/5.25/Krunner_assistant_720p.png
mp4: https://cdn.kde.org/promo/Announcements/Plasma/5.25/Krunner_assistant_720p.mp4
webm: https://cdn.kde.org/promo/Announcements/Plasma/5.25/Krunner_assistant_720p.webm
hl_class: hl-krunner
- header: Tailor-made
text: Customizing your desktop has never been easier... or more fun!
hl_video:
poster: https://cdn.kde.org/promo/Announcements/Plasma/5.25/Fingerprint_720p.png
mp4: https://cdn.kde.org/promo/Announcements/Plasma/5.25/Fingerprint_720p.mp4
webm: https://cdn.kde.org/promo/Announcements/Plasma/5.25/Fingerprint_720p.webm
hl_class: fingerprint
draft: true
---
{{< container class="text-center" >}}
A host of new features and cool fresh concepts in Plasma 5.25 give you a peek into the future of KDE's desktop.
{{< /container >}}
{{< highlight-grid >}}
{{< container class="text-center" >}}
## Navigate Workspaces
KDE Plasma 5.25 redesigns and enhances how you navigate between windows and workspaces.
### Overview
The **Overview effect** shows all of your open windows and virtual desktops.
You can **search** for apps, documents, and browser tabs with *KRunner* and the *Application Launcher*.
You can add, remove, and rename virtual desktops.
{{< alert div_class="plasma-alert" color="success" icon="tip" >}}
Hold down the <kbd>Meta</kbd> ("Windows") key and press <kbd>W</kbd> to enter Overview mode or use a four-finger pinch on your trackpad.
{{< /alert >}}
### Gestures
On your **touchpad**:
A *four-finger pinch* opens the Overview.
A *three-finger swipe* in any direction will switch between *Virtual Desktops*.
A *downwards four-finger swipe* opens *Present Windows*.
A *four-finger upwards swipe* activates the *Desktop Grid*.
On your **touchscreen**:
You can configure swipes from the screen edge to open *Overview*, *Desktop Grid*, *Present Windows*, and *Show Desktop* as they directly follow your finger.
{{< alert div_class="plasma-alert" color="success" icon="tip" >}}
Open *System Settings* and pick the open *Workspace Behavior* tab, and then *Touch Screen*. Click on any of the squares shown on the sides of the monitor icon and a dropdown will open. Select *Overview*, *Desktop Grid*, *Present Windows*, or *Desktop Grid* and click *Apply*. Now you can slide your finger from the edge of the screen you selected towards the middle of the screen and watch the magic happen.
{{< /alert >}}
{{< /container >}}
{{< twilight >}}
## Colors
**Sync the accent color with your wallpaper!** The dominant color of your background picture can be applied to all components that use the accent color.
{{< alert div_class="plasma-alert" color="success" icon="tip" >}}
Open *System Settings* and choose the *Appearance* tab, then *Colors*. Select *From current wallpaper* and click *Apply*. It is that easy.
{{< /alert >}}
With **slideshow wallpapers**, colors update when the wallpaper changes.
**Tint all colors of any color scheme using the accent color** and adapt the color of elements of every window to the background. **You can also choose how much tint you'd like to see** mixed in with your normal color scheme.
{{< alert div_class="plasma-alert" color="success" icon="tip" >}}
Open *System Settings* and then click on the *Appearance* tab. Choose *Colors* and click on the *Edit* icon (the little pencil button) in the lower-right corner of a color scheme preview and a configuration dialogue will open. In the *Options* tab, tick the *Tint all colors with the accent colors* box and slide *Tint strength:* to the desired value. Click *Save as* and give your color scheme a new name. Click *Close*. Select your newly created color scheme and click *Apply*.
{{< /alert >}}
While configuring your color scheme, you can also **make the header area or titlebar use the accent color**.
{{< /twilight >}}
{{< container class="monitor" >}}
## Touch and Feel
**Activate Touch Mode** by detaching the screen, rotating it 360°, or enabling it manually.
{{< alert div_class="plasma-alert" color="success" icon="tip" >}}
If your laptop supports detaching or rotating back the keyboard, do that now. *Touch Mode* will activate. If not, you can manually enable *Touch Mode* by opening *System Settings*, clicking on the *Workspace Behavior* tab, and selecting the *Touch Mode: Always Enabled* radio button at the end of the page.
{{< /alert >}}
*The Task Manager* and the *System Tray* **become bigger** when in *Touch Mode* making it easier on your fingers. You can customize the size of the icons when *Touch Mode* is disabled, too.
{{< alert div_class="plasma-alert" color="success" icon="tip" >}}
To manually increase icon spacing in the *Task Manager*, right-click the Task Manager and select *Configure Icons-Only Task Manager*. Select *Large* in the *Spacing between icons:* option. To manually increase the icon spacing in the *System Tray*, right-click on the *System Tray* and select *Configure System Tray*. Select *Large* in the *Panel icon spacing:* option.
{{< /alert >}}
**Titlebars of KDE apps become taller when in Touch Mode**, making it easier to press, drag, and close windows with touch. **Context menu items become taller when in Touch Mode**, giving you more space to tap the correct one.
### Customization
**Floating Panels** add a margin all around the panel to make it float, while animating it back to look normal when a window is maximized.
{{< alert div_class="plasma-alert" color="success" icon="tip" >}}
Right-click the panel, select *Enter Edit Mode*, and then *More Options*. Select *Floating*.
{{< /alert >}}
**Blend Effects** gracefully animate the transition when color schemes are changed.
Move your entire desktop, with folders, widgets and panels, from one monitor to another with the **Containment Management window**.
{{< alert div_class="plasma-alert" color="success" icon="tip" >}}
Right-click on the desktop and select *Enter Edit Mode*. Choose *Manage Desktop and Panels* from the top toolbar and drag and drop desktops or panels from one display to another, or click on their hamburger menu.
{{< /alert >}}
{{< /container >}}
{{< container class="text-center" >}}
## Other Updates
* **The Global Theme settings page lets you pick and choose which parts to apply** so you can apply only the parts of a global theme that you like best.
* **The Application page for Discover has been redesigned** and gives you links to the application's documentation and website, and shows what system resources it has access to.
* If you get your password wrong, the lock and login screens shake, giving you a visual cue to try again.
* **The KWin Scripts settings page has been rewritten** making it easier to manage your window manager scripts.
* **Plasma panels can now be navigated with the keyboard**, and you can assign custom shortcuts to focus individual panels.
{{< alert div_class="plasma-alert" color="success" icon="tip" >}}
Hold down the <kbd>Meta</kbd> ("Windows") and <kbd>Alt</kbd> keys, then press <kbd>P</kbd> to cycle focus between all your panels and navigate between their widgets with the arrow keys. You can also right-click a panel and select *Enter Edit Mode*. Then choose *More Options* so you can set a custom shortcut to focus that particular panel.
{{< /alert >}}
... And there's much more going on. If you would like to see the full list of changes, [check out the changelog for Plasma 5.25](/announcements/changelogs/plasma/5/5.24.5-5.25.0).
{{< /container >}}
content/info/plasma-5.25.0.md 0 → 100644
View file @ 5ac792a8
---
version: "5.25.0"
title: "KDE Plasma 5.25.0, feature Release"
type: info/plasma5
signer: Jonathan Esk-Riddell
signing_fingerprint: D7574483BB57B18D
draft: true
---
This is a feature release of KDE Plasma, featuring Plasma Desktop and
other essential software for your computer. Details in the
[Plasma 5.25.0 announcement](/announcements/plasma/5/5.25.0).
go.mod
View file @ 5ac792a8
......@@ -2,4 +2,4 @@ module kde-org
go 1.14
require invent.kde.org/websites/aether-sass v0.0.0-20220510005015-a611ae270ff7 // indirect
require invent.kde.org/websites/aether-sass v0.0.0-20220609111933-82108f6fddca // indirect
layouts/announcements/plasma-5.25.html 0 → 100644
View file @ 5ac792a8
{{ define "head-import" }}
<link href="https://cdn.kde.org/breeze-icons/icons.css" />
{{ end }}
{{ define "main" }}
<main class="releaseAnnouncment">
<div class="text-center py-5 header-plasma" style="background-image: url('/announcements/plasma/5/5.25.0/landing-mcwallpaperface-blur.jpg'); background-size: cover;">
<div class="container">
<h1 class="h2">{{ .Params.title }}</h1>
<h2 class="h1">{{ .Params.subtitle }}</h2>
<p class="h5 mx-auto text-center" style="max-width: 600px">{{ .Params.description }}</p>
<p class="text-center">{{ partial "i18n_date.html" . }}</p>
</div>
<div class="laptop-with-overlay d-block mt-5 mb-3 mx-auto w-100" style="max-width: 1000px">
<img class="laptop img-fluid" src="/reusable-assets/laptop.svg" alt="empty laptop with an overlay" width=2000 height=1220>
<div class="laptop-overlay">
<picture>
<img class="img-fluid" src="/announcements/plasma/5/5.25.0/fullscreen_with_apps.png" alt="Plasma" />
</picture>
</div>
</div>
</div>
{{ .Content }}
{{ partial "announcements/plasma_footer.html" . }}
</main>
{{ end }}
Supports Markdown
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