<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[46616] trunk/src/wp-admin: Help/About: Update the 5.3 About page for RC3.</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/46616">46616</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/46616","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>desrosj</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2019-10-29 20:08:32 +0000 (Tue, 29 Oct 2019)</dd>
</dl>

<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Help/About: Update the 5.3 About page for RC3.

Previously <a href="https://core.trac.wordpress.org/changeset/46556">[46556]</a>, <a href="https://core.trac.wordpress.org/changeset/46572">[46572]</a>.
Props ryelle, SergeyBiryukov, afercia, desrosj, davidbaumwald, azaozz.
See <a href="https://core.trac.wordpress.org/ticket/47708">#47708</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadminaboutphp">trunk/src/wp-admin/about.php</a></li>
<li><a href="#trunksrcwpadmincreditsphp">trunk/src/wp-admin/credits.php</a></li>
<li><a href="#trunksrcwpadmincssaboutcss">trunk/src/wp-admin/css/about.css</a></li>
<li><a href="#trunksrcwpadminfreedomsphp">trunk/src/wp-admin/freedoms.php</a></li>
<li><a href="#trunksrcwpadminprivacyphp">trunk/src/wp-admin/privacy.php</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpadminaboutphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/about.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/about.php      2019-10-29 19:17:26 UTC (rev 46615)
+++ trunk/src/wp-admin/about.php        2019-10-29 20:08:32 UTC (rev 46616)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -16,7 +16,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> include( ABSPATH . 'wp-admin/admin-header.php' );
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <div class="wrap about-wrap full-width-layout">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="wrap about__container">
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__header">
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="about__header-title">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,14 +26,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                </h1>
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <div class="about__header-badge wp-badge">
-                               <?php
-                               printf(
-                                       /* translators: %s: The current WordPress version number. */
-                                       __( 'Version %s' ),
-                                       $display_version
-                               );
-                               ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <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' ); ?>" />
</ins><span class="cx" style="display: block; padding: 0 10px">                         </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="about__header-text">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -67,11 +61,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__section has-2-columns">
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="column is-edge-to-edge has-accent-background-color">
</span><span class="cx" style="display: block; padding: 0 10px">                                <div class="about__image aligncenter">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <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="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <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="" />
</ins><span class="cx" style="display: block; padding: 0 10px">                                 </div>
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="column is-vertically-aligned-center">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <h3><?php _e( 'Block Editor Improvements' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <h2><?php _e( 'Block Editor Improvements' ); ?></h2>
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <p>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <?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.' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">                                </p>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -84,7 +78,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__section has-2-columns">
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="column is-vertically-aligned-center">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <h3><?php _e( 'Expanded Design Flexibility' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <h2><?php _e( 'Expanded Design Flexibility' ); ?></h2>
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <p>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <?php
</span><span class="cx" style="display: block; padding: 0 10px">                                        printf(
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -104,7 +98,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="column is-edge-to-edge has-accent-background-color">
</span><span class="cx" style="display: block; padding: 0 10px">                                <div class="about__image aligncenter">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <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="">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <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="">
</ins><span class="cx" style="display: block; padding: 0 10px">                                 </div>
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -111,7 +105,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__section has-2-columns has-subtle-background-color">
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="column is-vertically-aligned-center">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <h3><?php _e( 'Introducing Twenty Twenty' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <h2><?php _e( 'Introducing Twenty Twenty' ); ?></h2>
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <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>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                <p>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -126,7 +120,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="column is-edge-to-edge">
</span><span class="cx" style="display: block; padding: 0 10px">                                <div class="about__image aligncenter">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <img src="https://cldup.com/rsaSI50LvZ.png" alt="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <img src="https://make.wordpress.org/core/files/2019/10/twentytwenty-mobile.png" alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px">                                 </div>
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -134,7 +128,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__section has-subtle-background-color">
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="column is-edge-to-edge">
</span><span class="cx" style="display: block; padding: 0 10px">                                <div class="about__image aligncenter">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <img src="https://cldup.com/8AuwuFLW0J.png" alt="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <img src="https://make.wordpress.org/core/files/2019/10/twentytwenty-desktop.png" alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px">                                 </div>
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -142,19 +136,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">                <hr />
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__section has-3-columns">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <h3 class="is-section-header"><?php _e( 'Improvements for Everyone' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <h2 class="is-section-header"><?php _e( 'Improvements for Everyone' ); ?></h2>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="column">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <h4><?php _e( 'Automatic Image Rotation' ); ?></h4>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <h3><?php _e( 'Automatic Image Rotation' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <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>
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="column">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <h4><?php _e( 'Site Health Checks' ); ?></h4>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <h3><?php _e( 'Site Health Checks' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <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>
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="column">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <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>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <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>
</ins><span class="cx" style="display: block; padding: 0 10px">                         </div>
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -161,7 +155,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__section">
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="column is-edge-to-edge">
</span><span class="cx" style="display: block; padding: 0 10px">                                <div class="about__image aligncenter">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <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="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <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="" />
</ins><span class="cx" style="display: block; padding: 0 10px">                                 </div>
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -169,10 +163,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">                <hr />
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__section has-2-columns has-subtle-background-color">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <h3 class="is-section-header"><?php _e( 'For Developers' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <h2 class="is-section-header"><?php _e( 'For Developers' ); ?></h2>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="column">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <h4><?php _e( 'Date/Time Component Fixes' ); ?></h4>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <h3><?php _e( 'Date/Time Component Fixes' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <p>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <?php
</span><span class="cx" style="display: block; padding: 0 10px">                                        printf(
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -184,7 +178,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                </p>
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="column">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <h4><?php _e( 'PHP 7.4 Compatibility' ); ?></h4>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <h3><?php _e( 'PHP 7.4 Compatibility' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <p>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <?php
</span><span class="cx" style="display: block; padding: 0 10px">                                        printf(
</span></span></pre></div>
<a id="trunksrcwpadmincreditsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/credits.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/credits.php    2019-10-29 19:17:26 UTC (rev 46615)
+++ trunk/src/wp-admin/credits.php      2019-10-29 20:08:32 UTC (rev 46616)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,8 +15,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> include( ABSPATH . 'wp-admin/admin-header.php' );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+$credits = wp_credits();
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div class="wrap about-wrap full-width-layout">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="wrap about__container">
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        <div class="about__header">
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__header-title">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,14 +28,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        </h1>
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="about__header-badge wp-badge">
-                       <?php
-                       printf(
-                               /* translators: %s: The current WordPress version number. */
-                               __( 'Version %s' ),
-                               $display_version
-                       );
-                       ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <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' ); ?>" />
</ins><span class="cx" style="display: block; padding: 0 10px">                 </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__header-text">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -56,35 +52,55 @@
</span><span class="cx" style="display: block; padding: 0 10px">                </nav>
</span><span class="cx" style="display: block; padding: 0 10px">        </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <div class="about-wrap-content">
-<?php
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section">
+               <div class="column">
+                       <h2><?php _e( 'WordPress is created by a worldwide team of passionate individuals.' ); ?></h2>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$credits = wp_credits();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <p>
+                               <?php
+                               if ( ! $credits ) {
+                                       printf(
+                                               /* translators: 1: https://wordpress.org/about/, 2: https://make.wordpress.org/ */
+                                               __( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals. <a href="%2$s">Get involved in WordPress</a>.' ),
+                                               __( 'https://wordpress.org/about/' ),
+                                               __( 'https://make.wordpress.org/' )
+                                       );
+                               } else {
+                                       printf(
+                                               /* translators: %s: https://make.wordpress.org/ */
+                                               __( 'Want to see your name in lights on this page? <a href="%s">Get involved in WordPress</a>.' ),
+                                               __( 'https://make.wordpress.org/' )
+                                       );
+                               }
+                               ?>
+                       </p>
+               </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                <div class="about__image aligncenter">
+                       <img src="data:image/svg+xml;charset=utf8,%3Csvg width='1320' height='350' viewbox='0 0 1320 350' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 61 220)' fill='%23321017'/%3E%3Crect width='72' height='250' transform='matrix(1 0 0 -1 166 300)' fill='%23BD3854'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 272 220)' fill='%23321017'/%3E%3Crect width='71' height='220' transform='matrix(1 0 0 -1 378 220)' fill='%235F1B29'/%3E%3Crect width='71' height='220' transform='matrix(1 0 0 -1 483 220)' fill='%23321017'/%3E%3Crect width='71' height='220' transform='matrix(1 0 0 -1 587 220)' fill='%235F1B29'/%3E%3Crect width='71.28' height='250' transform='matrix(1 0 0 -1 689 300)' fill='%23BD3854'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 884 220)' fill='%235F1B29'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 789 220)' fill='%23321017'/%3E%3Crect width='71' height='220' transform='matri
 x(1 0 0 -1 985 220)' fill='%23321017'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 1084 220)' fill='%235F1B29'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 1179 220)' fill='%233D0F19'/%3E%3C/svg%3E%0A" alt="" />
+               </div>
+       </div>
+
+<?php
</ins><span class="cx" style="display: block; padding: 0 10px"> if ( ! $credits ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        echo '<p class="about-description">';
-       printf(
-               /* translators: 1: https://wordpress.org/about/, 2: https://make.wordpress.org/ */
-               __( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals. <a href="%2$s">Get involved in WordPress</a>.' ),
-               __( 'https://wordpress.org/about/' ),
-               __( 'https://make.wordpress.org/' )
-       );
-       echo '</p>';
</del><span class="cx" style="display: block; padding: 0 10px">         echo '</div>';
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        echo '</div>';
</del><span class="cx" style="display: block; padding: 0 10px">         include( ABSPATH . 'wp-admin/admin-footer.php' );
</span><span class="cx" style="display: block; padding: 0 10px">        exit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-echo '<p class="about-description">' . __( 'WordPress is created by a worldwide team of passionate individuals.' ) . "</p>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$previous_type = '';
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-echo '<p>' . sprintf(
-       /* translators: %s: https://make.wordpress.org/ */
-       __( 'Want to see your name in lights on this page? <a href="%s">Get involved in WordPress</a>.' ),
-       __( 'https://make.wordpress.org/' )
-) . '</p>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+foreach ( $credits['groups'] as $group_slug => $group_data ) :
+       ?>
+       <?php
+       if ( $previous_type !== $group_data['type'] ) {
+               echo '<hr />';
+       }
+       ?>
+       <div class="about__section">
+               <div class="column <?php echo 'titles' === $group_data['type'] ? 'has-subtle-background-color' : ''; ?>">
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-foreach ( $credits['groups'] as $group_slug => $group_data ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
</ins><span class="cx" style="display: block; padding: 0 10px">         if ( $group_data['name'] ) {
</span><span class="cx" style="display: block; padding: 0 10px">                if ( 'Translators' == $group_data['name'] ) {
</span><span class="cx" style="display: block; padding: 0 10px">                        // Considered a special slug in the API response. (Also, will never be returned for en_US.)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -97,7 +113,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        $title = translate( $group_data['name'] );
</span><span class="cx" style="display: block; padding: 0 10px">                }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                echo '<h2 class="wp-people-group">' . esc_html( $title ) . "</h2>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         echo '<h2 class="wp-people-group-title">' . esc_html( $title ) . "</h2>\n";
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        if ( ! empty( $group_data['shuffle'] ) ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -120,7 +136,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        foreach ( $group_data['data'] as $person_data ) {
</span><span class="cx" style="display: block; padding: 0 10px">                                echo '<li class="wp-person" id="wp-person-' . esc_attr( $person_data[2] ) . '">' . "\n\t";
</span><span class="cx" style="display: block; padding: 0 10px">                                echo '<a href="' . esc_url( sprintf( $credits['data']['profiles'], $person_data[2] ) ) . '" class="web">';
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                $size   = 'compact' == $group_data['type'] ? 30 : 60;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         $size   = 'compact' == $group_data['type'] ? 40 : 80;
</ins><span class="cx" style="display: block; padding: 0 10px">                                 $data   = get_avatar_data( $person_data[1] . '@md5.gravatar.com', array( 'size' => $size ) );
</span><span class="cx" style="display: block; padding: 0 10px">                                $size  *= 2;
</span><span class="cx" style="display: block; padding: 0 10px">                                $data2x = get_avatar_data( $person_data[1] . '@md5.gravatar.com', array( 'size' => $size ) );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -135,10 +151,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        echo "</ul>\n";
</span><span class="cx" style="display: block; padding: 0 10px">                        break;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $previous_type = $group_data['type'];
+       ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         </div>
</ins><span class="cx" style="display: block; padding: 0 10px">         </div>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php endforeach; ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span></span></pre></div>
<a id="trunksrcwpadmincssaboutcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/about.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/about.css  2019-10-29 19:17:26 UTC (rev 46615)
+++ trunk/src/wp-admin/css/about.css    2019-10-29 20:08:32 UTC (rev 46616)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,20 +1,594 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /*------------------------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px">   22.0 - About Pages
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-   1.0 Global: About, Credits, Freedoms
-    1.1 Typography
-    1.2 Structure
-    1.3 Point Releases
-   2.0 About Page
-    2.1 Typography
-    2.2 Structure
-   3.0 Credits & Freedoms Pages
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+   1.0 Global: About, Credits, Freedoms, Privacy
+    1.1 Layout
+    1.2 Typography & Elements
+    1.3 Header
+   2.0 Credits Page
+   3.0 Freedoms Page
+   x.2.0 Legacy About Styles: Global
+    x.2.1 Typography
+    x.2.2 Structure
+    x.2.3 Point Releases
+   x.3.0 Legacy About Styles: About Page
+    x.3.1 Typography
+    x.3.2 Structure
+   x.4.0 Legacy About Styles: Credits & Freedoms Pages
+   x.5.0 Legacy About Styles: Media Queries
</ins><span class="cx" style="display: block; padding: 0 10px"> ------------------------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root {
+       /* Beiges, used as text backgrounds. */
+       --base-1: #FEFCF7;
+       --base-2: #F4EFE1;
+       --base-3: #D7D2C5;
+       --base-4: #7B776C;
+       --text: #413E38;
+       /* Reds, used as accents, backgrounds, etc */
+       --accent-1: #BD3854;
+       --accent-2: #5F1B29;
+       --accent-3: #321017;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*------------------------------------------------------------------------------
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  1.0 - Global: About, Credits, Freedoms
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  1.0 - Global: About, Credits, Freedoms, Privacy
</ins><span class="cx" style="display: block; padding: 0 10px"> ------------------------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-php #wpcontent,
+.credits-php #wpcontent,
+.freedoms-php #wpcontent,
+.privacy-php #wpcontent {
+       background: white;
+       padding: 0 24px;
+}
+
+@media screen and (max-width: 782px) {
+       .about-php.auto-fold #wpcontent,
+       .credits-php.auto-fold #wpcontent,
+       .freedoms-php.auto-fold #wpcontent,
+       .privacy-php.auto-fold #wpcontent {
+               padding-left: 24px;
+       }
+}
+
+.about__container {
+       max-width: 1000px;
+       margin: 24px auto;
+}
+
+.about__container .alignleft {
+       float: left;
+}
+
+.about__container .alignright {
+       float: right;
+}
+
+.about__container .aligncenter {
+       text-align: center;
+}
+
+.about__container .is-vertically-aligned-top {
+       -ms-grid-row-align: start;
+       align-self: start;
+}
+
+.about__container .is-vertically-aligned-center {
+       -ms-grid-row-align: center;
+       align-self: center;
+}
+
+.about__container .is-vertically-aligned-bottom {
+       -ms-grid-row-align: end;
+       align-self: end;
+}
+
+.about__section {
+       background: #F4EFE1;
+       background: var(--base-2);
+}
+
+.about__container .has-accent-background-color {
+       background-color: #BD3854;
+       background-color: var(--accent-1);
+}
+
+.about__container .has-subtle-background-color {
+       background-color: #D7D2C5;
+       background-color: var(--base-3);
+}
+
+/* 1.1 - Layout */
+
+.about__section {
+       margin: 0;
+}
+
+.about__section .column {
+       padding: 32px;
+}
+
+.about__section .column.is-edge-to-edge {
+       padding: 0;
+}
+
+.about__section .column p:last-of-type {
+       margin-bottom: 0;
+}
+
+.about__section .is-section-header {
+       margin-bottom: 0;
+       padding: 32px 32px 0;
+}
+
+.about__section.is-feature {
+       padding: 32px;
+}
+
+.about__section.is-feature p {
+       margin: 0;
+}
+
+.about__section.has-2-columns,
+.about__section.has-3-columns,
+.about__section.has-4-columns {
+       display: -ms-grid;
+       display: grid;
+}
+
+.about__section.has-2-columns {
+       -ms-grid-columns: 1fr 1fr;
+       grid-template-columns: 1fr 1fr;
+}
+
+.about__section.has-2-columns.is-wider-right {
+       -ms-grid-columns: 1fr 2fr;
+       grid-template-columns: 1fr 2fr;
+}
+
+.about__section.has-2-columns.is-wider-left {
+       -ms-grid-columns: 2fr 1fr;
+       grid-template-columns: 2fr 1fr;
+}
+
+.about__section.has-2-columns .is-section-header {
+       -ms-grid-column: 1;
+       grid-column-start: 1;
+       -ms-grid-column-span: 2;
+       grid-column-end: span 2;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n+1) {
+       -ms-grid-column: 1;
+       grid-column-start: 1;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n) {
+       -ms-grid-column: 2;
+       grid-column-start: 2;
+}
+
+.about__section.has-3-columns {
+       -ms-grid-columns: (1fr)[3];
+       grid-template-columns: repeat(3, 1fr);
+}
+
+.about__section.has-3-columns .is-section-header {
+       -ms-grid-column: 1;
+       grid-column-start: 1;
+       -ms-grid-column-span: 3;
+       grid-column-end: span 3;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+1) {
+       -ms-grid-column: 1;
+       grid-column-start: 1;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+2) {
+       -ms-grid-column: 2;
+       grid-column-start: 2;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n) {
+       -ms-grid-column: 3;
+       grid-column-start: 3;
+}
+
+.about__section.has-4-columns {
+       -ms-grid-columns: (1fr)[4];
+       grid-template-columns: repeat(4, 1fr);
+}
+
+.about__section.has-4-columns .is-section-header {
+       -ms-grid-column: 1;
+       grid-column-start: 1;
+       -ms-grid-column-span: 4;
+       grid-column-end: span 4;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+1) {
+       -ms-grid-column: 1;
+       grid-column-start: 1;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+2) {
+       -ms-grid-column: 2;
+       grid-column-start: 2;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+3) {
+       -ms-grid-column: 3;
+       grid-column-start: 3;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n) {
+       -ms-grid-column: 4;
+       grid-column-start: 4;
+}
+
+/* Any columns following a section header need to be expicitly put into the second row, for IE support. */
+.about__section.has-2-columns .is-section-header ~ .column,
+.about__section.has-3-columns .is-section-header ~ .column,
+.about__section.has-4-columns .is-section-header ~ .column {
+       -ms-grid-row: 2;
+       grid-row-start: 2;
+}
+
+@media screen and (max-width: 782px) {
+       .about__section.has-3-columns,
+       .about__section.has-4-columns {
+               display: block;
+               padding-bottom: 16px;
+       }
+
+       .about__section.has-3-columns .column:nth-of-type(n),
+       .about__section.has-4-columns .column:nth-of-type(n) {
+               padding-top: 16px;
+               padding-bottom: 16px;
+       }
+}
+
+@media screen and (max-width: 600px) {
+       .about__section.has-2-columns {
+               display: flex; /* This is flex, not block, so we can use order below. */
+               flex-wrap: wrap;
+               align-content: stretch;
+               padding-bottom: 16px;
+       }
+
+       .about__section.has-2-columns .column:nth-of-type(n) {
+               padding-top: 16px;
+               padding-bottom: 16px;
+               width: 100%;
+       }
+
+       .about__section.has-2-columns .is-edge-to-edge {
+               order: -1;
+       }
+}
+
+/* 1.2 - Typography & Elements */
+
+.about__container {
+       line-height: 1.4;
+}
+
+.about__container h1 {
+       font-size: 5em;
+       line-height: 1;
+}
+
+.about__container h2 {
+       margin-top: 0;
+       font-size: 1.4em;
+}
+
+.about__container h3 {
+       margin-top: 0;
+       font-size: 1em;
+}
+
+.about__container p {
+       font-size: inherit;
+       line-height: inherit;
+}
+
+.about__container ul {
+       list-style: disc;
+       margin-left: 16px;
+}
+
+.about__container img {
+       margin: 0;
+       vertical-align: middle;
+}
+
+.about__container .about__image {
+       display: -ms-grid;
+       display: grid;
+       align-items: center;
+       justify-content: center;
+       height: 100%;
+}
+
+.about__container .about__image img {
+       max-width: 100%;
+       width: 100%;
+       height: auto;
+}
+
+.about__container hr {
+       margin: 0;
+       height: 32px;
+       border: none;
+}
+
+.about__section {
+       font-size: 1.2em;
+}
+
+.about__section.is-feature {
+       font-size: 1.6em;
+       font-weight: bold;
+}
+
+@media screen and (max-width: 782px) {
+       .about__container h1 {
+               font-size: 4em;
+       }
+}
+
+@media screen and (max-width: 480px) {
+       .about__container h1 {
+               font-size: 3.2em;
+       }
+
+       .about__section.is-feature {
+               font-size: 1.4em;
+               font-weight: 500;
+       }
+}
+
+/* 1.3 - Header */
+
+.about__header {
+       display: -ms-grid;
+       display: grid;
+       -ms-grid-columns: 1fr 1fr;
+       grid-template-columns: 1fr 1fr;
+       -ms-grid-rows: 1fr 1fr;
+       grid-template-rows: 1fr 1fr;
+       min-height: 28em;
+       max-height: 36em;
+       height: 90vh;
+       margin-bottom: 32px;
+}
+
+.about__header > div {
+       display: flex;
+}
+
+.about__header > div > * {
+       align-self: flex-end;
+}
+
+.about__header-title {
+       -ms-grid-column: 1;
+       grid-column: 1;
+       -ms-grid-row: 1;
+       -ms-grid-row-span: 2;
+       grid-row: 1/span 2;
+       padding: 32px;
+       background-color: #BD3854;
+       background-color: var(--accent-1);
+       color: white;
+       padding: 32px;
+}
+
+.about__header-title h1 {
+       padding: 0;
+       color: inherit;
+}
+
+.about__header-title h1 span {
+       display: block;
+       font-weight: bold;
+       font-size: 1.2em;
+       line-height: 1;
+}
+
+.about__header-badge {
+       -ms-grid-column: 2;
+       grid-column: 2;
+       -ms-grid-row: 1;
+       grid-row: 1;
+       background-color: #5F1B29;
+       background-color: var(--accent-2);
+       margin: 0;
+       padding: 32px;
+       justify-content: flex-end;
+}
+
+.about__header-badge img {
+       align-self: flex-start;
+       max-width: 100%;
+}
+
+.about__header-text {
+       -ms-grid-column: 2;
+       grid-column: 2;
+       -ms-grid-row: 2;
+       grid-row: 2;
+       padding: 32px;
+       background-color: #321017;
+       background-color: var(--accent-3);
+       color: white;
+       font-size: 1.6em;
+       line-height: 1.4;
+}
+
+.about__header-text p {
+       margin: 0;
+}
+
+.about__header-navigation {
+       -ms-grid-column: 1;
+       -ms-grid-column-span: 2;
+       grid-column: 1/span 2;
+       -ms-grid-row: 3;
+       grid-row: 3;
+       padding-top: 0;
+       background: #FEFCF7;
+       background: var(--base-1);
+       color: #7B776C;
+       color: var(--base-4);
+       border-bottom: 3px solid currentColor;
+}
+
+.about__header-navigation .nav-tab {
+       margin-left: 0;
+       margin-bottom: -3px;
+       padding: 24px 32px;
+       font-size: 1.4em;
+       line-height: 1;
+       border-width: 0 0 3px;
+       border-style: solid;
+       border-color: transparent;
+       background: transparent;
+       color: inherit;
+}
+
+.about__header-navigation .nav-tab-active {
+       color: #BD3854;
+       color: var(--accent-1);
+       border-color: currentColor;
+}
+
+@media screen and (max-width: 782px) {
+       .about__container .about__header-text {
+               font-size: 1.4em;
+       }
+}
+
+@media screen and (max-width: 600px) {
+       .about__header {
+               display: block;
+               min-height: unset;
+               max-height: unset;
+               height: auto;
+       }
+
+       .about__header-badge {
+               justify-content: flex-start;
+       }
+
+       .about__header-navigation .nav-tab {
+               margin-top: 0;
+               margin-right: 0;
+               padding: 24px 16px;
+       }
+}
+
+@media screen and (max-width: 480px) {
+       .about__header-navigation .nav-tab {
+               float: none;
+               display: block;
+               margin-bottom: 0;
+               padding: 16px 16px;
+               border-left-width: 3px;
+               border-bottom: none;
+       }
+
+       .about__header-navigation .nav-tab-active {
+               border-bottom: none;
+               border-left-width: 3px;
+               background: #F4EFE1;
+               background: var(--base-2);
+       }
+}
+
+
+/*------------------------------------------------------------------------------
+  2.0 - Credits Page
+------------------------------------------------------------------------------*/
+
+.about__section .wp-people-group-title {
+       margin-bottom: 2em;
+       font-size: 1.4em;
+}
+
+.about__section .wp-people-group {
+       margin: 0;
+}
+
+.about__section .wp-person {
+       display: inline-block;
+       vertical-align: top;
+       box-sizing: border-box;
+       padding: 0 1em 1em 0;
+       height: 6em;
+       width: calc( 33% - 4px );
+       min-width: 280px;
+}
+
+.about__section .compact .wp-person {
+       height: auto;
+       width: calc( 25% - 4px );
+       min-width: 220px;
+       padding-bottom: 0.5em;
+}
+
+.about__section .wp-person .gravatar {
+       float: left;
+       margin: -4px 0.85em 0.85em 0;
+       padding: 1px;
+       width: 80px;
+       height: 80px;
+       border-radius: 100%;
+}
+
+.about__section .compact .wp-person .gravatar {
+       width: 40px;
+       height: 40px;
+}
+
+.about__section .wp-person .web {
+       font-size: 1.4em;
+       font-weight: 700;
+       text-decoration: none;
+       color: #413E38;
+       color: var(--text);
+}
+
+.about__section .wp-person .web:hover {
+       text-decoration: underline;
+}
+
+.about__section .compact .wp-person .web {
+       font-size: 1.2em;
+}
+
+.about__section .wp-person .title {
+       display: block;
+       margin-top: 0.5em;
+}
+
+
+/*------------------------------------------------------------------------------
+  3.0 - Freedoms Page
+------------------------------------------------------------------------------*/
+
+.about__section .column .freedoms-image {
+       margin-bottom: 1em;
+}
+
+
+/*------------------------------------------------------------------------------
+  x.2.0 - Legacy About Styles: Global
+------------------------------------------------------------------------------*/
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap {
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 25px 40px 0 20px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -98,7 +672,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: 1.33333333;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* 1.1 - Typography */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* x.2.1 - Typography */
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap h1 {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0.2em 200px 0 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -159,7 +733,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: #555d66;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* 1.2 - Structure */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* x.2.2 - Structure */
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .has-1-columns,
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .has-2-columns,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -281,18 +855,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .is-vertically-aligned-top {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        -ms-grid-row-align: start;
</ins><span class="cx" style="display: block; padding: 0 10px">         align-self: start;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .is-vertically-aligned-center {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        -ms-grid-row-align: center;
</ins><span class="cx" style="display: block; padding: 0 10px">         align-self: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .is-vertically-aligned-bottom {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        -ms-grid-row-align: end;
</ins><span class="cx" style="display: block; padding: 0 10px">         align-self: end;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* 1.3 - Point Releases */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* x.2.3 - Point Releases */
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .point-releases {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 5px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -316,10 +893,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /*------------------------------------------------------------------------------
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  2.0 - About Page
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  x.3.0 - Legacy About Styles: About Page
</ins><span class="cx" style="display: block; padding: 0 10px"> ------------------------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* 2.1 - Typography */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* x.3.1 - Typography */
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .lead-description {
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 1.5em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -330,7 +907,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0.6em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* 2.2 - Structure */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* x.3.2 - Structure */
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .headline-feature {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0 auto 40px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -360,7 +937,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /*------------------------------------------------------------------------------
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  3.0 - Credits & Freedoms Pages
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  x.4.0 - Legacy About Styles: Credits & Freedoms Pages
</ins><span class="cx" style="display: block; padding: 0 10px"> ------------------------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Credits */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -471,7 +1048,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /*------------------------------------------------------------------------------
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  4.0 - Media Queries
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  x.5.0 - Legacy About Styles: Media Queries
</ins><span class="cx" style="display: block; padding: 0 10px"> ------------------------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media screen and (max-width: 782px) {
</span></span></pre></div>
<a id="trunksrcwpadminfreedomsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/freedoms.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/freedoms.php   2019-10-29 19:17:26 UTC (rev 46615)
+++ trunk/src/wp-admin/freedoms.php     2019-10-29 20:08:32 UTC (rev 46616)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,7 +21,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> include( ABSPATH . 'wp-admin/admin-header.php' );
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div class="wrap about-wrap full-width-layout">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="wrap about__container">
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        <div class="about__header">
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__header-title">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -31,14 +31,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        </h1>
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="about__header-badge wp-badge">
-                       <?php
-                       printf(
-                               /* translators: %s: The current WordPress version number. */
-                               __( 'Version %s' ),
-                               $display_version
-                       );
-                       ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <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' ); ?>" />
</ins><span class="cx" style="display: block; padding: 0 10px">                 </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__header-text">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -61,44 +55,47 @@
</span><span class="cx" style="display: block; padding: 0 10px">                </nav>
</span><span class="cx" style="display: block; padding: 0 10px">        </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <div class="about-wrap-content">
-               <div class="feature-section has-1-columns">
-                       <h2><?php _e( 'Freedoms' ); ?></h2>
-                       <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.' ),
-                               __( 'https://wordpress.org/about/license/' )
-                       );
-                       ?>
-                       </p>
-               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-subtle-background-color is-feature">
+               <h2><?php _e( 'Freedoms' ); ?></h2>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="feature-section has-4-columns is-fullwidth">
-                       <div class="column">
-                               <div class="freedoms-image"></div>
-                               <h3><?php _e( 'The 1st Freedom' ); ?></h3>
-                               <p><?php _e( 'To run the program for any purpose.' ); ?></p>
-                       </div>
-                       <div class="column">
-                               <div class="freedoms-image"></div>
-                               <h3><?php _e( 'The 2nd Freedom' ); ?></h3>
-                               <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>
-                               <h3><?php _e( 'The 3rd Freedom' ); ?></h3>
-                               <p><?php _e( 'To redistribute.' ); ?></p>
-                       </div>
-                       <div class="column">
-                               <div class="freedoms-image"></div>
-                               <h3><?php _e( 'The 4th Freedom' ); ?></h3>
-                               <p><?php _e( 'To distribute copies of your modified versions to others.' ); ?></p>
-                       </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <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.' ),
+                       __( 'https://wordpress.org/about/license/' )
+               );
+               ?>
+               </p>
+       </div>
+
+       <hr />
+
+       <div class="about__section has-4-columns">
+               <div class="column">
+                       <div class="freedoms-image"></div>
+                       <h3><?php _e( 'The 1st Freedom' ); ?></h3>
+                       <p><?php _e( 'To run the program for any purpose.' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px">                 </div>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                <div class="column">
+                       <div class="freedoms-image"></div>
+                       <h3><?php _e( 'The 2nd Freedom' ); ?></h3>
+                       <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>
+                       <h3><?php _e( 'The 3rd Freedom' ); ?></h3>
+                       <p><?php _e( 'To redistribute.' ); ?></p>
+               </div>
+               <div class="column">
+                       <div class="freedoms-image"></div>
+                       <h3><?php _e( 'The 4th Freedom' ); ?></h3>
+                       <p><?php _e( 'To distribute copies of your modified versions to others.' ); ?></p>
+               </div>
+       </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="feature-section has-1-columns">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section">
+               <div class="column">
</ins><span class="cx" style="display: block; padding: 0 10px">                         <p>
</span><span class="cx" style="display: block; padding: 0 10px">                        <?php
</span><span class="cx" style="display: block; padding: 0 10px">                        printf(
</span></span></pre></div>
<a id="trunksrcwpadminprivacyphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/privacy.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/privacy.php    2019-10-29 19:17:26 UTC (rev 46615)
+++ trunk/src/wp-admin/privacy.php      2019-10-29 20:08:32 UTC (rev 46616)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,7 +15,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> include( ABSPATH . 'wp-admin/admin-header.php' );
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div class="wrap about-wrap full-width-layout">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="wrap about__container">
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        <div class="about__header">
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__header-title">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25,14 +25,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        </h1>
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="about__header-badge wp-badge">
-                       <?php
-                       printf(
-                               /* translators: %s: The current WordPress version number. */
-                               __( 'Version %s' ),
-                               $display_version
-                       );
-                       ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <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' ); ?>" />
</ins><span class="cx" style="display: block; padding: 0 10px">                 </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="about__header-text">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -55,28 +49,32 @@
</span><span class="cx" style="display: block; padding: 0 10px">                </nav>
</span><span class="cx" style="display: block; padding: 0 10px">        </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <div class="about-wrap-content">
-               <p class="about-description"><?php _e( 'From time to time, your WordPress site may send data to WordPress.org &#8212; including, but not limited to &#8212; the version of WordPress you are using, and a list of installed plugins and themes.' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section">
+               <div class="column">
+                       <h2><?php _e( 'Privacy' ); ?></h2>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <p>
-                       <?php
-                       printf(
-                               /* translators: %s: https://wordpress.org/about/stats/ */
-                               __( 'This data is used to provide general enhancements to WordPress, which includes helping to protect your site by finding and automatically installing new updates. It is also used to calculate statistics, such as those shown on the <a href="%s">WordPress.org stats page</a>.' ),
-                               __( 'https://wordpress.org/about/stats/' )
-                       );
-                       ?>
-               </p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <p><?php _e( 'From time to time, your WordPress site may send data to WordPress.org &#8212; including, but not limited to &#8212; the version of WordPress you are using, and a list of installed plugins and themes.' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <p>
-                       <?php
-                       printf(
-                               /* translators: %s: https://wordpress.org/about/privacy/ */
-                               __( 'We take privacy and transparency very seriously. To learn more about what data we collect, and how we use it, please visit <a href="%s">WordPress.org/about/privacy</a>.' ),
-                               __( 'https://wordpress.org/about/privacy/' )
-                       );
-                       ?>
-               </p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <p>
+                               <?php
+                               printf(
+                                       /* translators: %s: https://wordpress.org/about/stats/ */
+                                       __( 'This data is used to provide general enhancements to WordPress, which includes helping to protect your site by finding and automatically installing new updates. It is also used to calculate statistics, such as those shown on the <a href="%s">WordPress.org stats page</a>.' ),
+                                       __( 'https://wordpress.org/about/stats/' )
+                               );
+                               ?>
+                       </p>
+
+                       <p>
+                               <?php
+                               printf(
+                                       /* translators: %s: https://wordpress.org/about/privacy/ */
+                                       __( 'We take privacy and transparency very seriously. To learn more about what data we collect, and how we use it, please visit <a href="%s">WordPress.org/about/privacy</a>.' ),
+                                       __( 'https://wordpress.org/about/privacy/' )
+                               );
+                               ?>
+                       </p>
+               </div>
</ins><span class="cx" style="display: block; padding: 0 10px">         </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span></span></pre>
</div>
</div>

</body>
</html>