From 53a51a046d8b68131f9a1ad200585e64632cbd70 Mon Sep 17 00:00:00 2001 From: Kelly Choyce-Dwan Date: Tue, 18 Jul 2023 16:18:32 +0000 Subject: [PATCH] Help/About: Update the About page for 6.3. This is the start of the WordPress 6.3 about page, introducing new content and a first pass of the new style. Props jpantani, dansoschin, annezazu, priethor, marybaum, eidolonnight, clarkeemily, flixos90, cbringmann, meher, richtabor, markoserb, joen, saxonafletcher, jameskoster, davidbaumwald, peterwilsoncc, ryelle. See #58067. git-svn-id: https://develop.svn.wordpress.org/trunk@56263 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/about.php | 204 ++++++++++-------- src/wp-admin/css/about.css | 43 ++-- src/wp-admin/images/about-header-about.svg | 7 +- .../images/about-header-contribute.svg | 1 + src/wp-admin/images/about-header-credits.svg | 6 +- src/wp-admin/images/about-header-freedoms.svg | 9 +- src/wp-admin/images/about-header-privacy.svg | 12 +- src/wp-admin/images/about-release-badge.svg | 52 +++++ src/wp-admin/images/freedom-1.svg | 2 +- src/wp-admin/images/freedom-2.svg | 2 +- src/wp-admin/images/freedom-3.svg | 2 +- src/wp-admin/images/freedom-4.svg | 2 +- src/wp-admin/images/privacy.svg | 2 +- 13 files changed, 195 insertions(+), 149 deletions(-) create mode 100644 src/wp-admin/images/about-header-contribute.svg create mode 100644 src/wp-admin/images/about-release-badge.svg diff --git a/src/wp-admin/about.php b/src/wp-admin/about.php index d6b4a1a4f6..4b070b524e 100644 --- a/src/wp-admin/about.php +++ b/src/wp-admin/about.php @@ -26,13 +26,13 @@ require_once ABSPATH . 'wp-admin/admin-header.php'; printf( /* translators: %s: Version number. */ __( 'WordPress %s' ), - str_replace( '.', '.', $display_version ) + $display_version ); ?> -
+
- -
+ +

- +

@@ -70,23 +63,23 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
- +
-

-

+

+

-

-

+

+

- +
@@ -94,82 +87,108 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
- +
-

-

+

+

-

-

+

+

- +
-
-
-
- -
-

-

-
-
-
- -
-

-

-
-
- -
-
-
- -
-

-

-
-
-
- -
-

-

-
-
-
- +
-

-

+

+

- +
-

-

+

+

- +
-

-

+

+

+
+
+ +
+ +
+
+
+ +
+

+

+
+
+
+ +
+

+

+
+
+ +
+ +
+
+
+ +
+

+

+
+
+
+ +
+

+

+
+
+
+ +
+

+

@@ -177,32 +196,34 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
-

-

+

+

-

-

+

+

-

-

+

+

@@ -210,7 +231,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
- +

@@ -222,12 +243,13 @@ require_once ABSPATH . 'wp-admin/admin-header.php'; ); ?>

-

+

learn.wordpress.org for tutorial videos, online workshops, courses, and lesson plans for Meetup organizers, including new features in WordPress.' ), - 'https://learn.wordpress.org/' + /* translators: 1: Learn WordPress link, 2: Workshops link. */ + __( 'Learn WordPress is a free resource for new and experienced WordPress users. Learn is stocked with how-to videos on using various features in WordPress, interactive events for exploring topics in-depth, and lesson plans for diving deep into specific areas of WordPress.' ), + 'https://learn.wordpress.org/', + 'https://learn.wordpress.org/online-workshops/' ); ?>

@@ -238,16 +260,16 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
-

+

WordPress Field Guide. It is overflowing with detailed developer notes to help you build with WordPress.' ), - __( 'https://make.wordpress.org/core/2023/03/09/wordpress-6-2-field-guide/' ) + __( 'https://make.wordpress.org/core/2023/07/18/wordpress-6-3-field-guide/' ) ); ?>

@@ -255,12 +277,12 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
-

+

diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css index f7b3d3be0d..acafb84fbe 100644 --- a/src/wp-admin/css/about.css +++ b/src/wp-admin/css/about.css @@ -21,16 +21,17 @@ .about__container { /* Section backgrounds */ - --background: #1d35b4; + --background: #151515; --subtle-background: #eff2ff; /* Main text color */ - --text: #000; + --text: #1e1e1e; --text-light: #fff; /* Accent colors: used in header, on special classes. */ - --accent-1: #1d35b4; /* Link color, credit image overlay */ - --accent-2: #33f078; /* Accent background */ + --accent-1: #3858e9; /* Link color, credit image overlay */ + --accent-2: #ffb7a7; /* Accent background */ + --accent-3: #f0f0f1; /* hr background */ /* Navigation colors. */ --nav-background: #fff; @@ -475,24 +476,20 @@ margin-top: 1.5em; } -.about__container .column .about__image { - margin-bottom: calc(var(--gap) / 2); -} - .about__container hr { - margin: 0 var(--gap); - height: var(--gap); + margin: calc(var(--gap) / 2) var(--gap); + height: 0; border: none; - border-top: 4px solid var(--accent-2); + border-top: 4px solid var(--accent-3); } .about__container hr.is-small { - height: calc(var(--gap) / 4); + margin-top: 0; + margin-bottom: 0; } .about__container hr.is-large { - height: calc(var(--gap) * 2); - margin: calc(var(--gap) / 2) auto; + margin: var(--gap) auto; } .about__container div.updated, @@ -539,21 +536,25 @@ padding: calc(var(--gap) * 2) 0; min-height: 420px; color: var(--text-light); - background: var(--background) url('../images/about-header-about.svg?ver=6.2') no-repeat; + background: var(--background) url('../images/about-header-about.svg?ver=6.3') no-repeat; background-size: cover; background-position: center; } .credits-php .about__header { - background-image: url('../images/about-header-credits.svg?ver=6.2'); + background-image: url('../images/about-header-credits.svg?ver=6.3'); } .freedoms-php .about__header { - background-image: url('../images/about-header-freedoms.svg?ver=6.2'); + background-image: url('../images/about-header-freedoms.svg?ver=6.3'); } .privacy-php .about__header { - background-image: url('../images/about-header-privacy.svg?ver=6.2'); + background-image: url('../images/about-header-privacy.svg?ver=6.3'); +} + +.contribute-php .about__header { + background-image: url('../images/about-header-contribute.svg?ver=6.3'); } .about__header-image { @@ -584,13 +585,9 @@ font-size: clamp(3rem, 10vw - 3rem, 4.5rem); } -.about__header-title h1 span { - color: var(--accent-2); -} - .about__header-text { box-sizing: border-box; - max-width: 22em; + max-width: 26em; margin: 0 auto; padding: 0; font-size: 1.6rem; diff --git a/src/wp-admin/images/about-header-about.svg b/src/wp-admin/images/about-header-about.svg index d248844b50..f8d0da54ee 100644 --- a/src/wp-admin/images/about-header-about.svg +++ b/src/wp-admin/images/about-header-about.svg @@ -1,6 +1 @@ - - - - - - + \ No newline at end of file diff --git a/src/wp-admin/images/about-header-contribute.svg b/src/wp-admin/images/about-header-contribute.svg new file mode 100644 index 0000000000..46c1042ebc --- /dev/null +++ b/src/wp-admin/images/about-header-contribute.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/wp-admin/images/about-header-credits.svg b/src/wp-admin/images/about-header-credits.svg index 0825c38e25..f7979160d3 100644 --- a/src/wp-admin/images/about-header-credits.svg +++ b/src/wp-admin/images/about-header-credits.svg @@ -1,5 +1 @@ - - - - - + \ No newline at end of file diff --git a/src/wp-admin/images/about-header-freedoms.svg b/src/wp-admin/images/about-header-freedoms.svg index 826d7d734f..90e918c14d 100644 --- a/src/wp-admin/images/about-header-freedoms.svg +++ b/src/wp-admin/images/about-header-freedoms.svg @@ -1,8 +1 @@ - - - - - - - - + \ No newline at end of file diff --git a/src/wp-admin/images/about-header-privacy.svg b/src/wp-admin/images/about-header-privacy.svg index f96648ba97..7b652e3bc7 100644 --- a/src/wp-admin/images/about-header-privacy.svg +++ b/src/wp-admin/images/about-header-privacy.svg @@ -1,11 +1 @@ - - - - - - - - - - - + \ No newline at end of file diff --git a/src/wp-admin/images/about-release-badge.svg b/src/wp-admin/images/about-release-badge.svg new file mode 100644 index 0000000000..dbdc065ed0 --- /dev/null +++ b/src/wp-admin/images/about-release-badge.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/wp-admin/images/freedom-1.svg b/src/wp-admin/images/freedom-1.svg index 24f27d2d5f..fd8a8a762f 100644 --- a/src/wp-admin/images/freedom-1.svg +++ b/src/wp-admin/images/freedom-1.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/wp-admin/images/freedom-2.svg b/src/wp-admin/images/freedom-2.svg index 79bd3166a3..94000025f7 100644 --- a/src/wp-admin/images/freedom-2.svg +++ b/src/wp-admin/images/freedom-2.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/wp-admin/images/freedom-3.svg b/src/wp-admin/images/freedom-3.svg index 215c0b0510..75ac314cad 100644 --- a/src/wp-admin/images/freedom-3.svg +++ b/src/wp-admin/images/freedom-3.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/wp-admin/images/freedom-4.svg b/src/wp-admin/images/freedom-4.svg index 0347b33c18..ec03b644da 100644 --- a/src/wp-admin/images/freedom-4.svg +++ b/src/wp-admin/images/freedom-4.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/wp-admin/images/privacy.svg b/src/wp-admin/images/privacy.svg index d3f3d11e19..7f37208f6f 100644 --- a/src/wp-admin/images/privacy.svg +++ b/src/wp-admin/images/privacy.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file