From 16ba10313ba6a0018e6c5114a23a14922b8968c7 Mon Sep 17 00:00:00 2001 From: Kelly Dwan Date: Fri, 8 Nov 2024 17:50:08 +1000 Subject: [PATCH] Content: Update the 6.7 release page content Closes #510, see #506 --- .../patterns/download-releases-6-7.php | 304 +++++++----------- .../wporg-main-2022/src/style/style.scss | 69 ++++ .../wporg-main-2022/templates/page-6-7.html | 2 +- 3 files changed, 195 insertions(+), 180 deletions(-) diff --git a/source/wp-content/themes/wporg-main-2022/patterns/download-releases-6-7.php b/source/wp-content/themes/wporg-main-2022/patterns/download-releases-6-7.php index d825305a..3ce5c048 100644 --- a/source/wp-content/themes/wporg-main-2022/patterns/download-releases-6-7.php +++ b/source/wp-content/themes/wporg-main-2022/patterns/download-releases-6-7.php @@ -6,136 +6,153 @@ */ ?> - +
-
-
-
-
-
-

+
+
+
+

Refine the detail', 'wporg' ); ?>

- -
-
+ +

+ + + +
+
- - - -
-

-
- - - -
-
-
- -
-
-
-

Twenty Twenty-Five', 'wporg' ); ?>

+ +
+
+
+
+
+

Twenty Twenty-Five', 'wporg' ); ?>

+ +

+ + -

Endless possibility without complexity.
Twenty Twenty-Five offers a flexible, design-focused theme that lets you build stunning sites with ease. Tailor your aesthetic with an array of style options, block patterns, and color palettes. Pared down to the essentials, this is a theme that can truly grow with you.', 'wporg' ); ?>

+

-
-
-
+
+
+
+
- -
+ +
+
-
-
-
+
+
+
- -
-

+ +
+

+ +

+ + -

Explore your content from a new perspective.
Edit and arrange entire sections of your content like never before. A broader view of your site lets you add, edit, shuffle, or remove patterns to your liking. Embrace your inner architect.', 'wporg' ); ?>

+

+
- -
-
-
-

+ +
+
+
+
+

+ +

+ + -

A streamlined way to create dynamic content.
This feature introduces a new UI for connecting blocks to custom fields, putting control of dynamic content directly in the editor. Link blocks with fields in just a few clicks, enhancing flexibility and efficiency when building. Your clients will love you—as if they didn’t already.', 'wporg' ); ?>

+

-
-
-
+
+
+
+
- -
+ +
+
-
-
-
+
+
+
- -
-

+ +
+

+ +

+ + -

New style section, new possibilities.
Create, edit, remove, and apply font size presets with the next addition to the Styles interface. Override theme defaults or create your own custom font size, complete with fluid typography for responsive font scaling. Get into the details!', 'wporg' ); ?>

+

+
+
- -
-
-
+ +
+
+
+
-
-
+
+
- -

+ +

@@ -145,15 +162,15 @@
- -
+ +
-
-
+
+
- -

+ +

@@ -163,94 +180,24 @@
- - - -
-
-

- - - -
-
-
-
<?php _e( 'Zoom out and create with patterns.', 'wporg' ); ?>
- - - -
<?php _e( 'Refined pages view in Site Editor.', 'wporg' ); ?>
- - - -
<?php _e( 'Streamlined Query Loops.', 'wporg' ); ?>
-
- - - -
-
-
<?php _e( 'Introducing Twenty Twenty-Five.', 'wporg' ); ?>
- - - -
<?php _e( 'WordPress 6.7', 'wporg' ); ?>
-
-
- - - -
-
-
<?php _e( 'Support for HEIC images', 'wporg' ); ?>
- - - -
<?php _e( 'Edit and create font size presets.', 'wporg' ); ?>
- - - -
<?php _e( 'Customize site background.', 'wporg' ); ?>
-
-
- - - -
-
-
<?php _e( 'Connect blocks to meta fields.', 'wporg' ); ?>
- - - -
<?php _e( 'Additional improvements: extend the preview dropdown, expanded design tools, and improved Interactivity API.', 'wporg' ); ?>
- - - -
<?php _e( 'Register new templates in PHP, using register_block_template.', 'wporg' ); ?>
-
-
-
- - - - -
- -
+ +
+
+
- - - + +

+ - +
-
-
+
+
@@ -264,8 +211,8 @@
-
-
<?php _e( 'The improved Query Type selector with choices for Default and Custom, for custom post types.', 'wporg' ); ?>
+
+
@@ -281,10 +228,10 @@
- +
-
-
<?php _e( 'Screenshot of the preview dropdown, showing a custom "View newsletter" addition.', 'wporg' ); ?>
+
+
@@ -298,8 +245,8 @@
-
-
<?php _e( 'Screenshot of a focal point picker when choosing a site background.', 'wporg' ); ?>
+
+
@@ -315,10 +262,10 @@
- +
-
-
<?php _e( 'New page view in the Site Editor, with page title, author, and status.', 'wporg' ); ?>
+
+
@@ -332,8 +279,8 @@
-
-
<?php _e( 'A code-snippet that uses the new register_block_template function.', 'wporg' ); ?>
+
+
@@ -349,21 +296,15 @@
- - - -
+
- -
- - - - + +
+
@@ -393,10 +334,12 @@
+
- -
+ +
+
@@ -427,13 +370,16 @@
+
- -
-
+ +
+
+

Get started', 'wporg' ); ?>

+
diff --git a/source/wp-content/themes/wporg-main-2022/src/style/style.scss b/source/wp-content/themes/wporg-main-2022/src/style/style.scss index 82f14690..30112ea4 100644 --- a/source/wp-content/themes/wporg-main-2022/src/style/style.scss +++ b/source/wp-content/themes/wporg-main-2022/src/style/style.scss @@ -642,6 +642,75 @@ $wporg-about-breakpoint-max: 1920px; } } +/** + * Release page: 6.7 + */ + +body.page-template-page-6-7 { + video { + border-radius: 16px; + } + + video::-webkit-media-controls-panel { + background: transparent; + color: var(--wp--preset--color--white); + } + + video::-webkit-media-controls-play-button, + video::-webkit-media-controls-volume-slider, + video::-webkit-media-controls-mute-button, + video::-webkit-media-controls-fullscreen-button { + background-color: rgba(0, 0, 0, 0.6); + border-radius: 24px; + } + + video::-webkit-media-controls-current-time-display, + video::-webkit-media-controls-time-remaining-display, + video::-webkit-media-controls-seek-back-button, + video::-webkit-media-controls-seek-forward-button { + color: var(--wp--preset--color--white); + background: rgba(0, 0, 0, 0.6); + } + + /* Create a pill shape across controls */ + video::-webkit-media-controls-play-button { + border-radius: 24px 0 0 24px; + margin-left: 0; + } + + video::-webkit-media-controls-current-time-display { + padding-right: 4px; + } + + video::-webkit-media-controls-time-remaining-display { + margin-left: 0; + border-radius: 0 24px 24px 0; + padding-right: 18px; + } + + /* Create a pill shape across volume and fullscreen */ + video::-webkit-media-controls-volume-slider, + video::-webkit-media-controls-mute-button { + border-radius: 24px 0 0 24px; + } + + video::-webkit-media-controls-fullscreen-button { + border-radius: 0 24px 24px 0; + } + + /* Timeline */ + video::-webkit-media-controls-timeline { + padding-top: 12px; + } + + video::-webkit-media-controls-volume-slider { + background-color: transparent; + border-radius: 24px; + padding-left: 8px; + padding-right: 8px; + } +} + /** * Page in progress styles */ diff --git a/source/wp-content/themes/wporg-main-2022/templates/page-6-7.html b/source/wp-content/themes/wporg-main-2022/templates/page-6-7.html index 7b3b4a24..7a054269 100644 --- a/source/wp-content/themes/wporg-main-2022/templates/page-6-7.html +++ b/source/wp-content/themes/wporg-main-2022/templates/page-6-7.html @@ -1,4 +1,4 @@ - +