Changeset 46616 for trunk/src/wp-admin/about.php

Timestamp:

10/29/2019 08:08:32 PM (5 years ago)

Author:

desrosj

Message:

Help/About: Update the 5.3 About page for RC3.

Previously [46556], [46572].
Props ryelle, SergeyBiryukov, afercia, desrosj, davidbaumwald, azaozz.
See #47708.

File:

• trunk/src/wp-admin/about.php (modified) (12 diffs)

trunk/src/wp-admin/about.php

@@ -17 +17 @@
 include( ABSPATH . 'wp-admin/admin-header.php' );
 ?>
-    <div class="wrap about-wrap full-width-layout">
+    <div class="wrap about__container">
 
         <div class="about__header">
@@ -27 +27 @@
             </div>
 
-            <div class="about__header-badge wp-badge">
-                <?php
-                printf(
-                    /* translators: %s: The current WordPress version number. */
-                    __( 'Version %s' ),
-                    $display_version
-                );
-                ?>
+            <div class="about__header-badge">
+                <img src="https://wordpress.org/images/core/5.4/code-is-poetry-rc.svg" alt="<?php _e( 'Code is Poetry' ); ?>" />
             </div>
 
@@ -68 +62 @@
             <div class="column is-edge-to-edge has-accent-background-color">
                 <div class="about__image aligncenter">
-                    <img src="data:image/svg+xml;utf8,%3Csvg width='660' height='818' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='99' y='178' width='132' height='132' fill='%23F4EFE1'/%3E%3Crect x='231' y='310' width='99' height='99' fill='%2344141E'/%3E%3Crect x='330' y='409' width='132' height='132' fill='%23F4EFE1'/%3E%3Crect x='462' y='541' width='99' height='99' fill='%2344141E'/%3E%3C/svg%3E" alt="" />
+                    <img src="data:image/svg+xml;charset=utf8,%3Csvg width='660' height='818' viewbox='0 0 660 818' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='99' y='178' width='132' height='132' fill='%23F4EFE1'/%3E%3Crect x='231' y='310' width='99' height='99' fill='%2344141E'/%3E%3Crect x='330' y='409' width='132' height='132' fill='%23F4EFE1'/%3E%3Crect x='462' y='541' width='99' height='99' fill='%2344141E'/%3E%3C/svg%3E" alt="" />
                 </div>
             </div>
             <div class="column is-vertically-aligned-center">
-                <h3><?php _e( 'Block Editor Improvements' ); ?></h3>
+                <h2><?php _e( 'Block Editor Improvements' ); ?></h2>
                 <p>
                     <?php _e( 'This enhancement-focused update introduces over 150 new features and usability improvements, including improved large image support for uploading non-optimized, high-resolution pictures taken from your smartphone or other high-quality cameras. Combined with larger default image sizes, pictures always look their best.' ); ?>
@@ -85 +79 @@
         <div class="about__section has-2-columns">
             <div class="column is-vertically-aligned-center">
-                <h3><?php _e( 'Expanded Design Flexibility' ); ?></h3>
+                <h2><?php _e( 'Expanded Design Flexibility' ); ?></h2>
                 <p>
                     <?php
@@ -105 +99 @@
             <div class="column is-edge-to-edge has-accent-background-color">
                 <div class="about__image aligncenter">
-                    <img src="data:image/svg+xml;utf8,%3Csvg width='500' height='500' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='75' y='200' width='150' height='75' fill='%2344141E'/%3E%3Crect x='175' y='75' width='50' height='100' fill='%2385273B'/%3E%3Crect x='75' y='75' width='75' height='100' fill='%23F4EFE1'/%3E%3Crect x='250' y='200' width='175' height='75' fill='%2344141E'/%3E%3Crect x='350' y='75' width='75' height='100' fill='%2385273B'/%3E%3Crect x='250' y='75' width='75' height='100' fill='%23F4EFE1'/%3E%3Crect x='75' y='375' width='150' height='50' fill='%2344141E'/%3E%3Crect x='175' y='300' width='50' height='50' fill='%2385273B'/%3E%3Crect x='75' y='300' width='75' height='50' fill='%23F4EFE1'/%3E%3Crect x='250' y='372.5' width='175' height='52.5' fill='%2344141E'/%3E%3Crect x='350' y='300' width='75' height='50' fill='%2385273B'/%3E%3Crect x='250' y='300' width='75' height='50' fill='%23F4EFE1'/%3E%3C/svg%3E%0A" alt="">
+                    <img src="data:image/svg+xml;charset=utf8,%3Csvg width='500' height='500' viewbox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='75' y='200' width='150' height='75' fill='%2344141E'/%3E%3Crect x='175' y='75' width='50' height='100' fill='%2385273B'/%3E%3Crect x='75' y='75' width='75' height='100' fill='%23F4EFE1'/%3E%3Crect x='250' y='200' width='175' height='75' fill='%2344141E'/%3E%3Crect x='350' y='75' width='75' height='100' fill='%2385273B'/%3E%3Crect x='250' y='75' width='75' height='100' fill='%23F4EFE1'/%3E%3Crect x='75' y='375' width='150' height='50' fill='%2344141E'/%3E%3Crect x='175' y='300' width='50' height='50' fill='%2385273B'/%3E%3Crect x='75' y='300' width='75' height='50' fill='%23F4EFE1'/%3E%3Crect x='250' y='372.5' width='175' height='52.5' fill='%2344141E'/%3E%3Crect x='350' y='300' width='75' height='50' fill='%2385273B'/%3E%3Crect x='250' y='300' width='75' height='50' fill='%23F4EFE1'/%3E%3C/svg%3E%0A" alt="">
                 </div>
             </div>
@@ -112 +106 @@
         <div class="about__section has-2-columns has-subtle-background-color">
             <div class="column is-vertically-aligned-center">
-                <h3><?php _e( 'Introducing Twenty Twenty' ); ?></h3>
+                <h2><?php _e( 'Introducing Twenty Twenty' ); ?></h2>
                 <p><?php _e( 'As the block editor celebrates its first birthday, we are proud that Twenty Twenty is designed with flexibility at its core. Show off your services or products with a combination of columns, groups, and media blocks. Set your content to wide or full alignment for dynamic and engaging layouts. Or let your thoughts be the star with a centered content column!' ); ?></p>
 
@@ -127 +121 @@
             <div class="column is-edge-to-edge">
                 <div class="about__image aligncenter">
-                    <img src="https://cldup.com/rsaSI50LvZ.png" alt="" />
+                    <img src="https://make.wordpress.org/core/files/2019/10/twentytwenty-mobile.png" alt="" />
                 </div>
             </div>
@@ -135 +129 @@
             <div class="column is-edge-to-edge">
                 <div class="about__image aligncenter">
-                    <img src="https://cldup.com/8AuwuFLW0J.png" alt="" />
+                    <img src="https://make.wordpress.org/core/files/2019/10/twentytwenty-desktop.png" alt="" />
                 </div>
             </div>
@@ -143 +137 @@
 
         <div class="about__section has-3-columns">
-            <h3 class="is-section-header"><?php _e( 'Improvements for Everyone' ); ?></h3>
-
-            <div class="column">
-                <h4><?php _e( 'Automatic Image Rotation' ); ?></h4>
+            <h2 class="is-section-header"><?php _e( 'Improvements for Everyone' ); ?></h2>
+
+            <div class="column">
+                <h3><?php _e( 'Automatic Image Rotation' ); ?></h3>
                 <p><?php _e( 'Your images will be correctly rotated upon upload according to the embedded orientation data. This feature was first proposed nine years ago and made possible through the perserverance of many dedicated contributors.' ); ?></p>
             </div>
             <div class="column">
-                <h4><?php _e( 'Site Health Checks' ); ?></h4>
+                <h3><?php _e( 'Site Health Checks' ); ?></h3>
                 <p><?php _e( 'The improvements introduced in 5.3 make it even easier to identify issues. Expanded recommendations highlight areas that may need troubleshooting on your site from the Health Check screen.' ); ?></p>
             </div>
             <div class="column">
-                <h4><?php _e( 'Admin Email Verification' ); ?></h4>
-                <p><?php _e( 'You’ll now be periodically asked to confirm that your admin email address is up to date when you log in as an administrator. This reduces the chance of getting locked out out of your site if you change your email address.' ); ?></p>
+                <h3><?php _e( 'Admin Email Verification' ); ?></h3>
+                <p><?php _e( 'You’ll now be periodically asked to confirm that your admin email address is up to date when you log in as an administrator. This reduces the chance of getting locked out of your site if you change your email address.' ); ?></p>
             </div>
         </div>
@@ -162 +156 @@
             <div class="column is-edge-to-edge">
                 <div class="about__image aligncenter">
-                    <img src="data:image/svg+xml;utf8,%3Csvg width='1000' height='498' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='865.463' y='36.8596' width='133.8' height='132.326' fill='%23942F44'/%3E%3Crect x='865.463' y='180.98' width='133.8' height='132.326' fill='%23942F44'/%3E%3Crect x='866.2' y='328.05' width='133.8' height='132.694' fill='%23942F44'/%3E%3Crect y='331.736' width='405.455' height='134.169' fill='%234E1521'/%3E%3Crect y='36.8596' width='405.455' height='129.008' fill='%234E1521'/%3E%3Crect y='184.298' width='387.025' height='133.8' fill='%234E1521'/%3E%3Crect x='719.13' y='34.6479' width='133.8' height='428.677' fill='%23BD3854'/%3E%3Crect x='571.323' y='18.4297' width='133.8' height='423.885' fill='%23BD3854'/%3E%3Crect x='423.516' y='35.0164' width='133.8' height='425.728' fill='%23BD3854'/%3E%3C/svg%3E" alt="" />
+                    <img src="data:image/svg+xml;charset=utf8,%3Csvg width='1000' height='498' viewbox='0 0 1000 498' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='865.463' y='36.8596' width='133.8' height='132.326' fill='%23942F44'/%3E%3Crect x='865.463' y='180.98' width='133.8' height='132.326' fill='%23942F44'/%3E%3Crect x='866.2' y='328.05' width='133.8' height='132.694' fill='%23942F44'/%3E%3Crect y='331.736' width='405.455' height='134.169' fill='%234E1521'/%3E%3Crect y='36.8596' width='405.455' height='129.008' fill='%234E1521'/%3E%3Crect y='184.298' width='387.025' height='133.8' fill='%234E1521'/%3E%3Crect x='719.13' y='34.6479' width='133.8' height='428.677' fill='%23BD3854'/%3E%3Crect x='571.323' y='18.4297' width='133.8' height='423.885' fill='%23BD3854'/%3E%3Crect x='423.516' y='35.0164' width='133.8' height='425.728' fill='%23BD3854'/%3E%3C/svg%3E" alt="" />
                 </div>
             </div>
@@ -170 +164 @@
 
         <div class="about__section has-2-columns has-subtle-background-color">
-            <h3 class="is-section-header"><?php _e( 'For Developers' ); ?></h3>
-
-            <div class="column">
-                <h4><?php _e( 'Date/Time Component Fixes' ); ?></h4>
+            <h2 class="is-section-header"><?php _e( 'For Developers' ); ?></h2>
+
+            <div class="column">
+                <h3><?php _e( 'Date/Time Component Fixes' ); ?></h3>
                 <p>
                     <?php
@@ -185 +179 @@
             </div>
             <div class="column">
-                <h4><?php _e( 'PHP 7.4 Compatibility' ); ?></h4>
+                <h3><?php _e( 'PHP 7.4 Compatibility' ); ?></h3>
                 <p>
                     <?php