From 7447f866f7137a54d0cdcbde8dd81899de39c831 Mon Sep 17 00:00:00 2001
From: Kelly Choyce-Dwan <ryelle@git.wordpress.org>
Date: Tue, 13 Jul 2021 00:11:42 +0000
Subject: [PATCH] Help/About: Update the About section for 5.8.

Update the image links to use the CDN. Use regular text color for headings. Fix two string issues. Remove unnecessary `wp-components` script & style.

Props nao, audrasjb, karmatosed, desrosj, javiarce, milana_cap.
See #52775.



git-svn-id: https://develop.svn.wordpress.org/trunk@51413 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/about.php   | 31 +++++++++++--------------------
 src/wp-admin/credits.php |  4 ++--
 2 files changed, 13 insertions(+), 22 deletions(-)

diff --git a/src/wp-admin/about.php b/src/wp-admin/about.php
index 61a250a1d2..8f158390b2 100644
--- a/src/wp-admin/about.php
+++ b/src/wp-admin/about.php
@@ -9,9 +9,6 @@
 /** WordPress Administration Bootstrap */
 require_once __DIR__ . '/admin.php';
 
-wp_enqueue_script( 'wp-components' );
-wp_enqueue_style( 'wp-components' );
-
 /* translators: Page title of the About WordPress page in the admin. */
 $title = _x( 'About', 'page title' );
 
@@ -44,14 +41,14 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 		<hr />
 
 		<div class="about__section">
-			<h2 class="aligncenter has-accent-color">
+			<h2 class="aligncenter">
 				<?php _e( 'Three Essential Powerhouses' ); ?>
 			</h2>
 		</div>
 
 		<div class="about__section has-2-columns is-wider-left">
 			<div class="column about__image is-vertically-aligned-center is-edge-to-edge">
-				<img src="https://make.wordpress.org/core/files/2021/07/about-58-widgets-blocks.png" alt="" />
+				<img src="https://s.w.org/images/core/5.8/about-widgets-blocks.png" alt="" />
 			</div>
 			<div class="column">
 				<h3>
@@ -77,17 +74,11 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 					<?php _e( 'Display Posts with New Blocks and Patterns' ); ?>
 				</h3>
 				<p>
-					<?php
-					printf(
-						/* translators: %s: Query Loop dev note link. */
-						__( 'The Query Loop Block makes it possible to display posts based on specified parameters; like a PHP loop without the code. Easily display posts from a specific category, to do things like create a portfolio or a page full of your favorite recipes. Think of it as a more complex and powerful Latest Posts Block! Plus, pattern suggestions make it easier than ever to create a list of posts with the design you want. For our theme authors, learn more about experimenting with this awesome tool in the <a href="%s">Query Loop Block dev note</a>.' ),
-						'#'
-					);
-					?>
+					<?php _e( 'The Query Loop Block makes it possible to display posts based on specified parameters; like a PHP loop without the code. Easily display posts from a specific category, to do things like create a portfolio or a page full of your favorite recipes. Think of it as a more complex and powerful Latest Posts Block! Plus, pattern suggestions make it easier than ever to create a list of posts with the design you want.' ); ?>
 				</p>
 			</div>
 			<div class="column about__image is-vertically-aligned-center is-edge-to-edge">
-				<img src="https://make.wordpress.org/core/files/2021/07/about-58-patterns.png" alt="" />
+				<img src="https://s.w.org/images/core/5.8/about-query-loop.png" alt="" />
 			</div>
 		</div>
 
@@ -95,7 +86,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 
 		<div class="about__section has-2-columns is-wider-left">
 			<div class="column about__image is-vertically-aligned-center is-edge-to-edge">
-				<img src="https://make.wordpress.org/core/files/2021/07/about-58-template.png" alt="" />
+				<img src="https://s.w.org/images/core/5.8/about-template.png" alt="" />
 			</div>
 			<div class="column">
 				<h3>
@@ -112,14 +103,14 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 		<hr class="is-large" />
 
 		<div class="about__section">
-			<h2 class="aligncenter has-accent-color">
+			<h2 class="aligncenter">
 				<?php _e( 'Three Workflow Helpers' ); ?>
 			</h2>
 		</div>
 
 		<div class="about__section has-2-columns is-wider-left">
 			<div class="column about__image is-vertically-aligned-center is-edge-to-edge">
-				<img src="https://make.wordpress.org/core/files/2021/07/about-58-list-view.png" alt="" />
+				<img src="https://s.w.org/images/core/5.8/about-list-view.png" alt="" />
 			</div>
 			<div class="column">
 				<h3>
@@ -147,7 +138,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 				</p>
 			</div>
 			<div class="column about__image is-vertically-aligned-center is-edge-to-edge">
-				<img src="https://make.wordpress.org/core/files/2021/07/about-58-pattern-suggestions.png" alt="" />
+				<img src="https://s.w.org/images/core/5.8/about-pattern-suggestions.png" alt="" />
 			</div>
 		</div>
 
@@ -155,7 +146,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 
 		<div class="about__section has-2-columns is-wider-left">
 			<div class="column about__image is-vertically-aligned-center is-edge-to-edge">
-				<img src="https://make.wordpress.org/core/files/2021/07/about-58-duotone.png" alt="" />
+				<img src="https://s.w.org/images/core/5.8/about-duotone.png" alt="" />
 			</div>
 			<div class="column">
 				<h3>
@@ -172,11 +163,11 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 		<hr class="is-large" />
 
 		<div class="about__section">
-			<h2 class="aligncenter has-accent-color">
+			<h2 class="aligncenter">
 				<?php _e( 'For Developers to Explore' ); ?>
 			</h2>
 			<div class="column about__image is-vertically-aligned-center is-edge-to-edge">
-				<img src="https://make.wordpress.org/core/files/2021/07/about-58-theme-json.png" alt="" />
+				<img src="https://s.w.org/images/core/5.8/about-theme-json.png" alt="" />
 			</div>
 		</div>
 
diff --git a/src/wp-admin/credits.php b/src/wp-admin/credits.php
index fb3bfbad8f..460b722b76 100644
--- a/src/wp-admin/credits.php
+++ b/src/wp-admin/credits.php
@@ -52,7 +52,7 @@ $credits = wp_credits();
 				);
 				?>
 				<br />
-				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress' ); ?></a>.
+				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
 			</p>
 
 			<?php else : ?>
@@ -60,7 +60,7 @@ $credits = wp_credits();
 			<p>
 				<?php _e( 'Want to see your name in lights on this page?' ); ?>
 				<br />
-				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress' ); ?></a>.
+				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
 			</p>
 
 			<?php endif; ?>