Changeset 51356 for trunk/src/wp-admin/freedoms.php

Timestamp:

07/06/2021 06:37:16 PM (3 years ago)

Author:

ryelle

Message:

Help/About: Update the About section for 5.8.

Add the images for About, Freedoms, and Privacy. Update the styles on all About section pages to match the About page style. Fix string issues, missing link wrapper, duplicate copy.

Props chanthaboune, kellychoffman, javiarce, ryokuhi, alanjacobmathew, desrosj.
See #52775.

File:

• trunk/src/wp-admin/freedoms.php (modified) (2 diffs)

trunk/src/wp-admin/freedoms.php

@@ -43 +43 @@
     </div>
 
-    <div class="about__section has-subtle-background-color is-feature">
+    <div class="about__section is-feature">
         <p class="about-description">
         <?php
         printf(
             /* translators: %s: https://wordpress.org/about/license/ */
-            __( 'WordPress is Free and open source software, built by a distributed community of mostly volunteer developers from around the world. WordPress comes with some awesome, worldview-changing rights courtesy of its <a href="%s">license</a>, the GPL.' ),
+            __( 'WordPress comes with some awesome, worldview-changing rights courtesy of its <a href="%s">license</a>, the GPL.' ),
             __( 'https://wordpress.org/about/license/' )
         );
@@ -55 +55 @@
     </div>
 
-    <hr />
-
-    <div class="about__section has-4-columns">
-        <div class="column">
-            <div class="freedoms-image"></div>
+    <div class="about__section has-2-columns">
+        <div class="column aligncenter">
+            <img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-1.svg' ) ); ?>" alt="" />
             <h2 class="is-smaller-heading"><?php _e( 'The 1st Freedom' ); ?></h2>
             <p><?php _e( 'To run the program for any purpose.' ); ?></p>
         </div>
-        <div class="column">
-            <div class="freedoms-image"></div>
+        <div class="column aligncenter">
+            <img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-2.svg' ) ); ?>" alt="" />
             <h2 class="is-smaller-heading"><?php _e( 'The 2nd Freedom' ); ?></h2>
             <p><?php _e( 'To study how the program works and change it to make it do what you wish.' ); ?></p>
         </div>
-        <div class="column">
-            <div class="freedoms-image"></div>
+        <div class="column aligncenter">
+            <img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-3.svg' ) ); ?>" alt="" />
             <h2 class="is-smaller-heading"><?php _e( 'The 3rd Freedom' ); ?></h2>
             <p><?php _e( 'To redistribute.' ); ?></p>
         </div>
-        <div class="column">
-            <div class="freedoms-image"></div>
+        <div class="column aligncenter">
+            <img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-4.svg' ) ); ?>" alt="" />
             <h2 class="is-smaller-heading"><?php _e( 'The 4th Freedom' ); ?></h2>
             <p><?php _e( 'To distribute copies of your modified versions to others.' ); ?></p>