Changeset 58618

Timestamp:

07/02/2024 03:13:13 PM (4 weeks ago)

Author:

ryelle

Message:

Help/About: Add images to the About page.

The images have been uploaded to the w.org CDN and added into the About page. Additionally, the link to the release page has been fixed, and an extra translator note about the escaped percent sign has been added.

Follow-up to [58568].

Props ryelle, joen.
See #61320.

File:

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

trunk/src/wp-admin/about.php

@@ -66 +66 @@
             <div class="column is-vertically-aligned-center">
                 <div class="about__image">
-                    <img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23ededed' /%3E%3C/svg%3E" alt="" height="436" width="436" />
-                </div>
-            </div>
-        </div>
-
-        <div class="about__section has-2-columns">
-            <div class="column is-vertically-aligned-center">
-                <div class="about__image">
-                    <img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23ededed' /%3E%3C/svg%3E" alt="" height="436" width="436" />
+                    <img src="" alt="" height="436" width="436" />
+                </div>
+            </div>
+        </div>
+
+        <div class="about__section has-2-columns">
+            <div class="column is-vertically-aligned-center">
+                <div class="about__image">
+                    <img src="" alt="" height="436" width="436" />
                 </div>
             </div>
@@ -90 +90 @@
             <div class="column is-vertically-aligned-center">
                 <div class="about__image">
-                    <img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23ededed' /%3E%3C/svg%3E" alt="" height="436" width="436" />
-                </div>
-            </div>
-        </div>
-
-        <div class="about__section has-2-columns">
-            <div class="column is-vertically-aligned-center">
-                <div class="about__image">
-                    <img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23ededed' /%3E%3C/svg%3E" alt="" height="436" width="436" />
+                    <img src="" alt="" height="436" width="436" />
+                </div>
+            </div>
+        </div>
+
+        <div class="about__section has-2-columns">
+            <div class="column is-vertically-aligned-center">
+                <div class="about__image">
+                    <img src="" alt="" height="436" width="436" />
                 </div>
             </div>
@@ -125 +125 @@
                     <?php
                     printf(
-                        /* translators: %s: code-formatted "data-wp-on-async". */
+                        /* translators: %s: code-formatted "data-wp-on-async". */
                         __( '6.6 includes important updates like removing redundant WP_Theme_JSON calls, disabling autoload for large options, eliminating unnecessary polyfill dependencies, lazy loading post embeds, introducing the %s directive, and a 40%% reduction in template loading time in the editor.' ),
                         '<code>data-wp-on-async</code>'
@@ -153 +153 @@
             <div class="column aligncenter">
                 <div class="about__image">
-                    <a href="<?php esc_url( __( 'https://wordpress.org/download/releases/6-6/' ) ); ?>" class="button button-primary button-hero"><?php _e( 'See everything new' ); ?></a>
+                    <a href="<?php esc_url( __( 'https://wordpress.org/download/releases/6-6/' ) ); ?>" class="button button-primary button-hero"><?php _e( 'See everything new' ); ?></a>
                 </div>
             </div>