<!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>[46710] branches/5.3/src/wp-admin: Help/About: Update the 5.3 About page.</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/46710">46710</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/46710","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>SergeyBiryukov</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2019-11-11 20:46:56 +0000 (Mon, 11 Nov 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.
* Remove the SVG from the upper right corner.
* Make sure admin notices that should be hidden stay hidden.
* Address a11y issues with contrast.
* Fix an issue with the active nav tab hover.
* Prevent names on the credits from breaking out of the box.
* Update two strings with a more accurate information.
* Remove extra padding on the Credits tab.
Previously <a href="https://core.trac.wordpress.org/changeset/46556">[46556]</a>, <a href="https://core.trac.wordpress.org/changeset/46572">[46572]</a>, <a href="https://core.trac.wordpress.org/changeset/46616">[46616]</a>.
Reviewed by SergeyBiryukov.
Props ryelle, afercia, audrasjb, francina, mapk, desrosj, YordanSoares, melchoyce, azaozz, johnbillion, davidbaumwald, luminuu, bwmarkle, la-geek, SergeyBiryukov.
Merges <a href="https://core.trac.wordpress.org/changeset/46705">[46705]</a> and <a href="https://core.trac.wordpress.org/changeset/46709">[46709]</a> to the 5.3 branch.
Fixes <a href="https://core.trac.wordpress.org/ticket/47708">#47708</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#branches53srcwpadminaboutphp">branches/5.3/src/wp-admin/about.php</a></li>
<li><a href="#branches53srcwpadmincreditsphp">branches/5.3/src/wp-admin/credits.php</a></li>
<li><a href="#branches53srcwpadmincssaboutcss">branches/5.3/src/wp-admin/css/about.css</a></li>
<li><a href="#branches53srcwpadminfreedomsphp">branches/5.3/src/wp-admin/freedoms.php</a></li>
<li><a href="#branches53srcwpadminincludescreditsphp">branches/5.3/src/wp-admin/includes/credits.php</a></li>
<li><a href="#branches53srcwpadminprivacyphp">branches/5.3/src/wp-admin/privacy.php</a></li>
</ul>
<h3>Property Changed</h3>
<ul>
<li><a href="#branches53">branches/5.3/</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<span class="cx" style="display: block; padding: 0 10px">Index: branches/5.3
</span><span class="cx" style="display: block; padding: 0 10px">===================================================================
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">--- branches/5.3 2019-11-11 20:43:48 UTC (rev 46709)
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+++ branches/5.3 2019-11-11 20:46:56 UTC (rev 46710)
</ins><a id="branches53"></a>
<div class="propset"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Property changes: branches/5.3</h4>
<pre class="diff"><span>
</span></pre></div>
<a id="svnmergeinfo"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: svn:mergeinfo</h4></div>
<span class="cx" style="display: block; padding: 0 10px"> /branches/3.4:21757
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/4.9:43557,43622
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/5.0:43681-43682,43684-43688,43719-43720,43723,43726-43727,43729-43731,43734-43744,43747,43751-43754,43758,43760-43765,43767-43770,43772,43774-43781,43783,43785,43790-43806,43808-43821,43825,43828,43830-43834,43836-43843,43846-43863,43867-43889,43891-43894,43897-43905,43908-43909,43911-43929,43931-43942,43946-43947,43949-43956,43959-43964,43967-43969,43988,43994,44014,44017,44047,44183,44185,44187-44206,44208-44213,44231-44232,44235,44248,44284,44287-44288
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/trunk:46583,46605-46606,46613,46616,46656,46658,46665,46668,46676-46677,46700,46703,46707
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/trunk:46583,46605-46606,46613,46616,46656,46658,46665,46668,46676-46677,46700,46703,46705,46707,46709
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="branches53srcwpadminaboutphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-admin/about.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-admin/about.php 2019-11-11 20:43:48 UTC (rev 46709)
+++ branches/5.3/src/wp-admin/about.php 2019-11-11 20:46:56 UTC (rev 46710)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,9 +26,7 @@
</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">
- <img src="https://wordpress.org/images/core/5.4/code-is-poetry-rc.svg" alt="<?php _e( 'Code is Poetry' ); ?>" />
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__header-badge"></div>
</ins><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="cx" style="display: block; padding: 0 10px"> <p>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -52,7 +50,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 is-feature">
</span><span class="cx" style="display: block; padding: 0 10px"> <p>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php _e( '5.3 expands and refines the block editor introduced in WordPress 5.0 with new blocks, more intuitive interactions, and improved accessibility. New features in the editor increase design freedoms, provide additional layout options and style variations to allow designers complete control over the look of a site. This release also introduces the Twenty Twenty theme giving the user more design flexibility and integration with the block editor. Creating beautiful web pages and advanced layouts has never been easier.' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( '5.3 expands and refines the block editor introduced in WordPress 5.0 with a new block, more intuitive interactions, and improved accessibility. New features in the editor increase design freedoms, provide additional layout options and style variations to allow designers complete control over the look of a site. This release also introduces the Twenty Twenty theme giving the user more design flexibility and integration with the block editor. Creating beautiful web pages and advanced layouts has never been easier.' ); ?>
</ins><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">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -92,7 +90,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <li><?php _e( 'The new Group block lets you easily divide your page into colorful sections' ); ?></li>
</span><span class="cx" style="display: block; padding: 0 10px"> <li><?php _e( 'The Columns block now supports fixed column widths' ); ?></li>
</span><span class="cx" style="display: block; padding: 0 10px"> <li><?php _e( 'The new Predefined layouts make it a cinch to arrange content into advanced designs' ); ?></li>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <li><?php _e( 'Heading blocks now offer controls for text and background color' ); ?></li>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <li><?php _e( 'Heading blocks now offer controls for text color' ); ?></li>
</ins><span class="cx" style="display: block; padding: 0 10px"> <li><?php _e( 'Additional style options allow you to set your preferred style for any block that supports this feature' ); ?></li>
</span><span class="cx" style="display: block; padding: 0 10px"> </ul>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span></span></pre></div>
<a id="branches53srcwpadmincreditsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-admin/credits.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-admin/credits.php 2019-11-11 20:43:48 UTC (rev 46709)
+++ branches/5.3/src/wp-admin/credits.php 2019-11-11 20:46:56 UTC (rev 46710)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,9 +28,7 @@
</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">
- <img src="https://wordpress.org/images/core/5.4/code-is-poetry-rc.svg" alt="<?php _e( 'Code is Poetry' ); ?>" />
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__header-badge"></div>
</ins><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="cx" style="display: block; padding: 0 10px"> <p>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -87,76 +85,47 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$previous_type = '';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <hr />
</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 ) :
- ?>
- <?php
- if ( $previous_type !== $group_data['type'] ) {
- echo '<hr />';
- }
- ?>
</del><span class="cx" style="display: block; padding: 0 10px"> <div class="about__section">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="column <?php echo 'titles' === $group_data['type'] ? 'has-subtle-background-color' : ''; ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column has-subtle-background-color">
+ <?php wp_credits_section_title( $credits['groups']['core-developers'] ); ?>
+ <?php wp_credits_section_list( $credits, 'core-developers' ); ?>
+ <?php wp_credits_section_list( $credits, 'contributing-developers' ); ?>
+ </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">- <?php
- if ( $group_data['name'] ) {
- if ( 'Translators' == $group_data['name'] ) {
- // Considered a special slug in the API response. (Also, will never be returned for en_US.)
- $title = _x( 'Translators', 'Translate this to be the equivalent of English Translators in your language for the credits page Translators section' );
- } elseif ( isset( $group_data['placeholders'] ) ) {
- // phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
- $title = vsprintf( translate( $group_data['name'] ), $group_data['placeholders'] );
- } else {
- // phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
- $title = translate( $group_data['name'] );
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <hr />
</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 '<h2 class="wp-people-group-title">' . esc_html( $title ) . "</h2>\n";
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section">
+ <div class="column">
+ <?php wp_credits_section_title( $credits['groups']['props'] ); ?>
+ <?php wp_credits_section_list( $credits, 'props' ); ?>
+ </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">- if ( ! empty( $group_data['shuffle'] ) ) {
- shuffle( $group_data['data'] ); // We were going to sort by ability to pronounce "hierarchical," but that wouldn't be fair to Matt.
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <hr />
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- switch ( $group_data['type'] ) {
- case 'list':
- array_walk( $group_data['data'], '_wp_credits_add_profile_link', $credits['data']['profiles'] );
- echo '<p class="wp-credits-list">' . wp_sprintf( '%l.', $group_data['data'] ) . "</p>\n\n";
- break;
- case 'libraries':
- array_walk( $group_data['data'], '_wp_credits_build_object_link' );
- echo '<p class="wp-credits-list">' . wp_sprintf( '%l.', $group_data['data'] ) . "</p>\n\n";
- break;
- default:
- $compact = 'compact' == $group_data['type'];
- $classes = 'wp-people-group ' . ( $compact ? 'compact' : '' );
- echo '<ul class="' . $classes . '" id="wp-people-group-' . $group_slug . '">' . "\n";
- foreach ( $group_data['data'] as $person_data ) {
- echo '<li class="wp-person" id="wp-person-' . esc_attr( $person_data[2] ) . '">' . "\n\t";
- echo '<a href="' . esc_url( sprintf( $credits['data']['profiles'], $person_data[2] ) ) . '" class="web">';
- $size = 'compact' == $group_data['type'] ? 40 : 80;
- $data = get_avatar_data( $person_data[1] . '@md5.gravatar.com', array( 'size' => $size ) );
- $size *= 2;
- $data2x = get_avatar_data( $person_data[1] . '@md5.gravatar.com', array( 'size' => $size ) );
- echo '<img src="' . esc_url( $data['url'] ) . '" srcset="' . esc_url( $data2x['url'] ) . ' 2x" class="gravatar" alt="" />' . "\n";
- echo esc_html( $person_data[0] ) . "</a>\n\t";
- if ( ! $compact ) {
- // phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
- echo '<span class="title">' . translate( $person_data[3] ) . "</span>\n";
- }
- echo "</li>\n";
- }
- echo "</ul>\n";
- break;
- }
- $previous_type = $group_data['type'];
- ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( isset( $credits['groups']['translators'] ) || isset( $credits['groups']['validators'] ) ) : ?>
+ <div class="about__section">
+ <div class="column">
+ <?php wp_credits_section_title( $credits['groups']['validators'] ); ?>
+ <?php wp_credits_section_list( $credits, 'validators' ); ?>
+ <?php wp_credits_section_list( $credits, 'translators' ); ?>
+ </div>
+ </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">+ <hr />
+ <?php endif; ?>
+
+ <div class="about__section">
+ <div class="column">
+ <?php wp_credits_section_title( $credits['groups']['libraries'] ); ?>
+ <?php wp_credits_section_list( $credits, 'libraries' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php endforeach; ?>
</del><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="branches53srcwpadmincssaboutcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-admin/css/about.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-admin/css/about.css 2019-11-11 20:43:48 UTC (rev 46709)
+++ branches/5.3/src/wp-admin/css/about.css 2019-11-11 20:46:56 UTC (rev 46710)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -18,16 +18,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> x.5.0 Legacy About Styles: Media Queries
</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">-: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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about__container {
+ /* Section backgrounds */
+ --background: #f4efe1;
+ --subtle-background: #d7d2c5;
+ /* Main text color */
+ --text: #413e38;
+ /* Navigation colors. */
+ --nav-background: #fefcf7;
+ --nav-color: #716d64;
+ /* Reds, used as accents & in header. */
+ --accent-1: #bd3854;
+ --accent-2: #5f1b29;
</ins><span class="cx" style="display: block; padding: 0 10px"> --accent-3: #321017;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -35,6 +37,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 1.0 - Global: About, Credits, Freedoms, Privacy
</span><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,
+.credits-php,
+.freedoms-php,
+.privacy-php {
+ background: #fff;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-php #wpcontent,
</span><span class="cx" style="display: block; padding: 0 10px"> .credits-php #wpcontent,
</span><span class="cx" style="display: block; padding: 0 10px"> .freedoms-php #wpcontent,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -55,6 +64,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .about__container {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 1000px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 24px auto;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ clear: both;
</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"> .about__container .alignleft {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -86,7 +96,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__section {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #F4EFE1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: var(--base-2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--background);
</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"> .about__container .has-accent-background-color {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -96,7 +106,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__container .has-subtle-background-color {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #D7D2C5;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: var(--base-3);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--subtle-background);
</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"> /* 1.1 - Layout */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -295,6 +305,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: inherit;
</span><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__section a,
+.about__section a:hover,
+.about__section a:active,
+.about__section a:focus {
+ color: inherit;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about__container ul {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: disc;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 16px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -325,6 +342,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><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__container div.updated,
+.about__container div.error,
+.about__container .notice {
+ display: none !important;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about__section {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.2em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -331,7 +354,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__section.is-feature {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 600;
</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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -394,7 +417,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header-title h1 span {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 600;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.2em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -425,7 +448,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #321017;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: var(--accent-3);
</span><span class="cx" style="display: block; padding: 0 10px"> color: white;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.6em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 1.5em;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.4;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -441,15 +464,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> grid-row: 3;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #FEFCF7;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: var(--base-1);
- color: #7B776C;
- color: var(--base-4);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--nav-background);
+ color: #716d64;
+ color: var(--nav-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 3px solid currentColor;
</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__header-navigation .nav-tab {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: -3px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 24px 32px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.4em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -460,12 +482,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</span><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__header-navigation .nav-tab:hover,
+.about__header-navigation .nav-tab:active {
+ background-color: #F4EFE1;
+ background-color: var(--background);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about__header-navigation .nav-tab-active {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: -3px;
+ border-width: 0 0 6px;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #BD3854;
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--accent-1);
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: currentColor;
</span><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__header-navigation .nav-tab-active:hover,
+.about__header-navigation .nav-tab-active:active {
+ background-color: transparent;
+ border-color: currentColor;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media screen and (max-width: 782px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .about__container .about__header-text {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.4em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -505,7 +541,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-left-width: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #F4EFE1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: var(--base-2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--background);
</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">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -514,11 +550,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 2.0 - Credits Page
</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">-.about__section .wp-people-group-title {
- margin-bottom: 2em;
- font-size: 1.4em;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about__section .wp-people-group {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -556,7 +587,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__section .wp-person .web {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.4em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 700;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 600;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #413E38;
</span><span class="cx" style="display: block; padding: 0 10px"> color: var(--text);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -575,7 +606,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.5em;
</span><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">+@media screen and (max-width: 480px) {
+ .about__section .wp-person {
+ min-width: 100%;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .about__section .wp-person .gravatar {
+ width: 60px;
+ height: 60px;
+ }
+
+ .about__section .wp-person .web {
+ font-size: 1em;
+ }
+
+ .about__section .compact .wp-person .web {
+ font-size: 1em;
+ }
+}
+
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*------------------------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> 3.0 - Freedoms Page
</span><span class="cx" style="display: block; padding: 0 10px"> ------------------------------------------------------------------------------*/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -684,7 +734,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"> .about-wrap h2 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 40px 0 .6em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 40px 0 0.6em;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.7em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -692,7 +742,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"> .about-wrap h3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 1.25em 0 .6em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 1.25em 0 0.6em;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.4em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.5;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches53srcwpadminfreedomsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-admin/freedoms.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-admin/freedoms.php 2019-11-11 20:43:48 UTC (rev 46709)
+++ branches/5.3/src/wp-admin/freedoms.php 2019-11-11 20:46:56 UTC (rev 46710)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -31,9 +31,7 @@
</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">
- <img src="https://wordpress.org/images/core/5.4/code-is-poetry-rc.svg" alt="<?php _e( 'Code is Poetry' ); ?>" />
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__header-badge"></div>
</ins><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="cx" style="display: block; padding: 0 10px"> <p>
</span></span></pre></div>
<a id="branches53srcwpadminincludescreditsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-admin/includes/credits.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-admin/includes/credits.php 2019-11-11 20:43:48 UTC (rev 46709)
+++ branches/5.3/src/wp-admin/includes/credits.php 2019-11-11 20:46:56 UTC (rev 46710)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -76,3 +76,82 @@
</span><span class="cx" style="display: block; padding: 0 10px"> function _wp_credits_build_object_link( &$data ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $data = '<a href="' . esc_url( $data[1] ) . '">' . esc_html( $data[0] ) . '</a>';
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+/**
+ * Display a the title for a given group of contributors.
+ *
+ * @since 5.3.0
+ *
+ * @param array $group_data The current contributor group.
+ */
+function wp_credits_section_title( $group_data = array() ) {
+ if ( ! count( $group_data ) ) {
+ return;
+ }
+
+ if ( $group_data['name'] ) {
+ if ( 'Translators' === $group_data['name'] ) {
+ // Considered a special slug in the API response. (Also, will never be returned for en_US.)
+ $title = _x( 'Translators', 'Translate this to be the equivalent of English Translators in your language for the credits page Translators section' );
+ } elseif ( isset( $group_data['placeholders'] ) ) {
+ // phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
+ $title = vsprintf( translate( $group_data['name'] ), $group_data['placeholders'] );
+ } else {
+ // phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
+ $title = translate( $group_data['name'] );
+ }
+
+ echo '<h2 class="wp-people-group-title">' . esc_html( $title ) . "</h2>\n";
+ }
+}
+
+/**
+ * Display a list of contributors for a given group.
+ *
+ * @since 5.3.0
+ *
+ * @param array $credits The credits groups returned from the API.
+ * @param string $slug The current group to display.
+ */
+function wp_credits_section_list( $credits = array(), $slug = '' ) {
+ $group_data = isset( $credits['groups'][ $slug ] ) ? $credits['groups'][ $slug ] : array();
+ $credits_data = $credits['data'];
+ if ( ! count( $group_data ) ) {
+ return;
+ }
+
+ if ( ! empty( $group_data['shuffle'] ) ) {
+ shuffle( $group_data['data'] ); // We were going to sort by ability to pronounce "hierarchical," but that wouldn't be fair to Matt.
+ }
+
+ switch ( $group_data['type'] ) {
+ case 'list':
+ array_walk( $group_data['data'], '_wp_credits_add_profile_link', $credits_data['profiles'] );
+ echo '<p class="wp-credits-list">' . wp_sprintf( '%l.', $group_data['data'] ) . "</p>\n\n";
+ break;
+ case 'libraries':
+ array_walk( $group_data['data'], '_wp_credits_build_object_link' );
+ echo '<p class="wp-credits-list">' . wp_sprintf( '%l.', $group_data['data'] ) . "</p>\n\n";
+ break;
+ default:
+ $compact = 'compact' === $group_data['type'];
+ $classes = 'wp-people-group ' . ( $compact ? 'compact' : '' );
+ echo '<ul class="' . $classes . '" id="wp-people-group-' . $slug . '">' . "\n";
+ foreach ( $group_data['data'] as $person_data ) {
+ echo '<li class="wp-person" id="wp-person-' . esc_attr( $person_data[2] ) . '">' . "\n\t";
+ echo '<a href="' . esc_url( sprintf( $credits_data['profiles'], $person_data[2] ) ) . '" class="web">';
+ $size = $compact ? 40 : 80;
+ $data = get_avatar_data( $person_data[1] . '@md5.gravatar.com', array( 'size' => $size ) );
+ $data2x = get_avatar_data( $person_data[1] . '@md5.gravatar.com', array( 'size' => $size * 2 ) );
+ echo '<img src="' . esc_url( $data['url'] ) . '" srcset="' . esc_url( $data2x['url'] ) . ' 2x" class="gravatar" alt="" />' . "\n";
+ echo esc_html( $person_data[0] ) . "</a>\n\t";
+ if ( ! $compact ) {
+ // phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
+ echo '<span class="title">' . translate( $person_data[3] ) . "</span>\n";
+ }
+ echo "</li>\n";
+ }
+ echo "</ul>\n";
+ break;
+ }
+}
</ins></span></pre></div>
<a id="branches53srcwpadminprivacyphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-admin/privacy.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-admin/privacy.php 2019-11-11 20:43:48 UTC (rev 46709)
+++ branches/5.3/src/wp-admin/privacy.php 2019-11-11 20:46:56 UTC (rev 46710)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25,9 +25,7 @@
</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">
- <img src="https://wordpress.org/images/core/5.4/code-is-poetry-rc.svg" alt="<?php _e( 'Code is Poetry' ); ?>" />
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__header-badge"></div>
</ins><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="cx" style="display: block; padding: 0 10px"> <p>
</span></span></pre>
</div>
</div>
</body>
</html>