<!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>[53339] trunk/src/wp-admin: Help/About: Update the About section for 6.0.</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/53339">53339</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/53339","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>ryelle</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2022-05-03 16:26:53 +0000 (Tue, 03 May 2022)</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 About section for 6.0.
This is the start of the WordPress 6.0 about page, introducing new content and a first pass of the new style.
Props fcoveram, estelaris, JeffPaul, critterverse, chanthaboune, dansoschin, webcommsat, annezazu, marybaum, cbringmann, eidolonnight, laurlittle, sergeybiryukov.
See <a href="https://core.trac.wordpress.org/ticket/55434">#55434</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadminaboutphp">trunk/src/wp-admin/about.php</a></li>
<li><a href="#trunksrcwpadmincssaboutcss">trunk/src/wp-admin/css/about.css</a></li>
<li><a href="#trunksrcwpadminimagesaboutheaderaboutsvg">trunk/src/wp-admin/images/about-header-about.svg</a></li>
<li><a href="#trunksrcwpadminimagesaboutheadercreditssvg">trunk/src/wp-admin/images/about-header-credits.svg</a></li>
<li><a href="#trunksrcwpadminimagesaboutheaderfreedomssvg">trunk/src/wp-admin/images/about-header-freedoms.svg</a></li>
<li><a href="#trunksrcwpadminimagesaboutheaderprivacysvg">trunk/src/wp-admin/images/about-header-privacy.svg</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 2022-05-03 14:58:54 UTC (rev 53338)
+++ trunk/src/wp-admin/about.php 2022-05-03 16:26:53 UTC (rev 53339)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -27,9 +27,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-text">
- <?php _e( 'Build the site you’ve always wanted — with blocks' ); ?>
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__header-text"></div>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="about.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'What’s New' ); ?></a>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -39,256 +37,283 @@
</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">- <hr class="is-large" />
</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><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">- <h2 class="aligncenter">
- <?php _e( 'Full Site Editing is here' ); ?>
- </h2>
- <p class="aligncenter is-subheading">
- <?php _e( 'It puts you in control of your whole site, right in the WordPress Admin.' ); ?>
- </p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column">
+ <h2 class="aligncenter">
+ <?php
+ printf(
+ /* translators: %s: Version number. */
+ __( 'Welcome to WordPress %s' ),
+ $display_version
+ );
+ ?>
+ </h2>
+ <p class="is-subheading">
+ <?php _e( 'WordPress 6.0 includes more than 500 enhancements and 400 bug fixes. This page highlights several key advancements aimed at making your WordPress content-creating and site-building experience more feature-rich and intuitive. You will also find resources for developers and anyone wanting a deeper understanding of WordPress.' ); ?>
+ </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"> <hr />
</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__section has-2-columns has-gutters is-wider-left">
- <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
- <img src="https://s.w.org/images/core/5.9/twenty-twenty-two.png" alt="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-2-columns">
+ <div class="column about__image is-vertically-aligned-center">
+ <img src="https://make.wordpress.org/core/files/2022/05/about-60-writing-improvements.png" alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="column is-edge-to-edge">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column">
</ins><span class="cx" style="display: block; padding: 0 10px"> <h3>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php _e( 'Say hello to Twenty Twenty‑Two' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'Enhanced Writing Experience' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </h3>
</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( 'And say hello to the first default block theme in the history of WordPress. This is more than just a new default theme. It’s a brand-new way to work with WordPress themes.' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'Writing improvements abound, whether you’re writing a brand new post or adding elements to an existing page. Explore more ways to streamline your content creation process, including:' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p>
- <?php _e( 'Block themes put a wide array of visual choices in your hands, from color schemes and typeface combinations to page templates and image filters — all together, in the site editing interface. By making changes in one place, you can give Twenty Twenty‑Two the same look and feel as your brand or other websites — or take your site’s look in another direction.' ); ?>
- </p>
- <?php if ( current_user_can( 'switch_themes' ) ) : ?>
- <p>
- <?php
- printf(
- /* translators: %s: Link to Themes screen. */
- __( 'The Twenty Twenty‑Two theme is already available to you. It came installed with WordPress 5.9, and you will find it with <a href="%s">your other installed themes</a>.' ),
- admin_url( 'themes.php' )
- );
- ?>
- </p>
- <?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <ul>
+ <li><?php _e( 'Select text across multiple blocks and edit it all at once.' ); ?></li>
+ <li><?php _e( 'Type two open brackets <code>[[</code> to quickly access the link menu.' ); ?></li>
+ <li><?php _e( 'Keep existing styles when you transform some blocks from one kind to another—from a Paragraph block to a Code block, for instance.' ); ?></li>
+ <li><?php _e( 'Create customized buttons and any new buttons you make will retain the style customizations automatically.' ); ?></li>
+ <li><?php _e( 'Make tag clouds and social icons even more appealing with updated settings and controls, and a new outline style for the tag cloud.' ); ?></li>
+ </ul>
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__section has-2-columns has-gutters is-wider-right">
- <div class="column is-edge-to-edge">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-2-columns is-wider-right">
+ <div class="column">
</ins><span class="cx" style="display: block; padding: 0 10px"> <h3>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php _e( 'Your personal paintbox awaits' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'Style Switching' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </h3>
</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( 'More block themes built for full site editing features are in the Theme Directory alongside the Twenty Twenty‑Two theme, just waiting to be explored. Expect more to come!' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'Block themes now include the option to contain multiple style variations. This expands the new Style system even further and enables shortcuts to switch the look and feel of your site all within a single theme. You can change both the available settings, like the font weight, and the style options, like the default color palette. Change the look and feel of your site with just a few clicks.' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p>
- <?php _e( 'When you use any of those new themes, you no longer need the Customizer. Instead, you have all the power of the Styles interface inside the Site Editor. Just as in Twenty Twenty‑Two, you build your site’s look and feel there, with the tools you need for the job in a fluid interface that practically comes alive in your hands.' ); ?>
- </p>
</del><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
- <img src="https://s.w.org/images/core/5.9/global-styles.png" alt="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column about__image is-vertically-aligned-center">
+ <img src="https://make.wordpress.org/core/files/2022/05/about-60-style-switcher.gif" 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">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__section has-2-columns has-gutters is-wider-left">
- <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
- <img src="https://s.w.org/images/core/5.9/navigation-block.png" alt="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-1-column">
+ <div class="column about__image is-vertically-aligned-center">
+ <img src="https://make.wordpress.org/core/files/2022/05/about-60-templates.png" alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="column is-edge-to-edge">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column">
</ins><span class="cx" style="display: block; padding: 0 10px"> <h3>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php _e( 'The Navigation block' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'More Template Choices' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </h3>
</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( 'Blocks come to site navigation, the heart of user experience.' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'WordPress 6.0 includes five new template options: author, date, categories, tag, and taxonomy. These additional templates provide greater flexibility for content creators. Tailor each with the tools you already know or with the following new options in this release.' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p>
- <?php _e( 'The new Navigation block gives you the power to choose: an always-on responsive menu or one that adapts to your user’s screen size. Whatever you create, know it’s there to reuse wherever you like, whether in a brand new template or after switching themes.' ); ?>
- </p>
</del><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <hr class="is-large" />
-
- <div class="about__section">
- <h2 class="aligncenter">
- <?php _e( 'More improvements and updates' ); ?>
- </h2>
- <p class="aligncenter is-subheading">
- <?php _e( 'Do you love to blog or produce content? New tweaks to the publishing flow help you say more, faster.' ); ?>
- </p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-3-columns">
+ <div class="column">
+ <div class="about__image">
+ <img src="https://make.wordpress.org/core/files/2022/05/about-60-sub-feature-1.png" alt="" />
+ </div>
+ <p><?php _e( 'Featured images can be used in the cover block.' ); ?></p>
+ <p><?php _e( 'New featured image sizing controls make it easier to get the results you want.' ); ?></p>
+ </div>
+ <div class="column">
+ <div class="about__image">
+ <img src="https://make.wordpress.org/core/files/2022/05/about-60-sub-feature-2.png" alt="" />
+ </div>
+ <p><?php _e( 'While editing a template, at the root, or between blocks, the quick inserter shows you patterns and template parts to help you work faster and discover new layout options.' ); ?></p>
+ </div>
+ <div class="column">
+ <div class="about__image">
+ <img src="https://make.wordpress.org/core/files/2022/05/about-60-sub-feature-3.png" alt="" />
+ </div>
+ <p><?php _e( 'The query block supports filtering on multiple authors, support for custom taxonomies, and support for customizing what is shown when there are no results.' ); ?></p>
+ </div>
</ins><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">- <hr />
-
- <div class="about__section has-2-columns has-gutters is-wider-left">
- <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
- <img src="https://s.w.org/images/core/5.9/block-controls.png" alt="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-2-columns is-wider-left">
+ <div class="column about__image is-vertically-aligned-center">
+ <img src="https://make.wordpress.org/core/files/2022/05/about-60-integrated-patterns.png" alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="column is-edge-to-edge">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column">
</ins><span class="cx" style="display: block; padding: 0 10px"> <h3>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php _e( 'Better block controls' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'Integrated Patterns' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </h3>
</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( 'WordPress 5.9 features new typography tools, flexible layout controls, and finer control over details like spacing, borders, and more — to help you get not just the look, but the polish that says you care about details.' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
+ printf(
+ /* translators: %s Working with Patterns dev note link. */
+ __( 'Patterns will now appear when you need them in even more places, like in the quick inserter or when creating a new header or footer. If you’re a block theme author, you can even <a href="%s">register patterns from the Pattern Directory using <code>theme.json</code></a>, enabling you to prioritize specific patterns that are most helpful to your theme’s users.' ),
+ 'https://make.wordpress.org/core/2022/05/02/new-features-for-working-with-patterns-and-themes-in-wordpress-6-0/'
+ );
+ ?>
</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"> </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__section has-2-columns has-gutters is-wider-right">
- <div class="column is-edge-to-edge">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-2-columns is-wider-right">
+ <div class="column">
</ins><span class="cx" style="display: block; padding: 0 10px"> <h3>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php _e( 'The power of patterns' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'Better List View' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </h3>
</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( 'The WordPress Pattern Directory is the home of a wide range of block patterns built to save you time and add core site functionality. And you can edit them as you see fit. Need something different in the header or footer for your theme? Swap it out with a new one in a few clicks.' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'New keyboard shortcuts enable you to select multiple blocks from the list view, modify them in bulk, and drag-and-drop them within the list. List View can be opened and closed easily; it comes collapsed by default and it automatically expands to the current selection whenever you select a block.' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p>
- <?php _e( 'With a near full-screen view that draws you in to see fine details, the Pattern Explorer makes it easy to compare patterns and choose the one your users will expect.' ); ?>
- </p>
</del><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
- <img src="https://s.w.org/images/core/5.9/pattern-explorer.png" alt="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column about__image is-vertically-aligned-center">
+ <img src="https://make.wordpress.org/core/files/2022/05/about-60-list-view.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">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__section has-2-columns has-gutters is-wider-left">
- <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
- <img src="https://s.w.org/images/core/5.9/list-view.png" alt="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-2-columns is-wider-left">
+ <div class="column about__image is-vertically-aligned-center">
+ <img src="https://make.wordpress.org/core/files/2022/05/about-60-block-locking-controls.png" alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="column is-edge-to-edge">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="column">
</ins><span class="cx" style="display: block; padding: 0 10px"> <h3>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php _e( 'A revamped List View' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'Block Locking Controls' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </h3>
</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( 'In 5.9, the List View lets you drag and drop your content exactly where you want it. Managing complex documents is easier, too: simple controls let you expand and collapse sections as you build your site — and add HTML anchors to your blocks to help users get around the page.' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'Now you can lock your blocks. Choose to disable the option to move a block, remove a block, or both. This simplifies project handover, allowing your clients to unleash their creativity without worrying about accidentally breaking their site in the process.' ); ?>
</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"> </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__section has-2-columns has-gutters is-wider-right">
- <div class="column is-edge-to-edge">
- <h3>
- <?php _e( 'A better Gallery block' ); ?>
- </h3>
- <p>
- <?php _e( 'Treat every image in a Gallery block the same way you would treat it in the Image block.' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section" style="margin-bottom:0;">
+ <div class="column">
+ <h2 class="aligncenter">
+ <?php _e( 'Additional Design Tools' ); ?>
+ </h2>
+ <p class="is-subheading aligncenter">
+ <?php _e( 'Design tools grow more powerful and intuitive with each release.' ); ?><br />
+ <?php _e( 'Some highlights for 6.0 include:' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p>
- <?php _e( 'Style every image in your gallery differently from the next (with different crops, or duotones, for instance) or make them all the same. And change the layout with drag-and-drop.' ); ?>
- </p>
</del><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
- <img src="https://s.w.org/images/core/5.9/gallery-block.png" alt="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div>
+
+ <div class="about__section has-3-columns" style="margin-bottom:0;">
+ <div class="column">
+ <div class="about__image aligncenter">
+ <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M15.203 6.892c.776-.963 1.297-1.559 1.297-1.559s.521.596 1.297 1.559c2.266 2.81 6.703 8.75 6.703 12.155 0 4.572-3.18 7.62-8 7.62s-8-3.048-8-7.62c0-3.404 4.437-9.345 6.703-12.155Zm1.297 1.58a64.727 64.727 0 0 0-2.361 3.15c-.972 1.388-1.911 2.87-2.6 4.248-.72 1.44-1.039 2.52-1.039 3.177 0 1.805.616 3.164 1.573 4.077.965.921 2.441 1.542 4.427 1.542 1.986 0 3.462-.621 4.427-1.542.957-.913 1.573-2.272 1.573-4.077 0-.657-.32-1.738-1.039-3.177-.689-1.378-1.628-2.86-2.6-4.247A64.727 64.727 0 0 0 16.5 8.47Z" fill="#1E1E1E"/>
+ </svg>
+ </div>
+ <p><?php _e( 'A new color panel design saves space, but still shows your options at a glance.' ); ?></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="about__image aligncenter">
+ <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path d="M4.5 9.333v13.334h2.667V9.333H4.5ZM9.833 6.667V4h13.334v2.667H9.833ZM25.833 9.333v13.334H28.5V9.333h-2.667ZM23.167 28v-2.667H9.833V28h13.334Z" fill="#1E1E1E"/>
+ </svg>
+ </div>
+ <p><?php _e( 'New border controls offer a simpler way to set your border exactly as you like it.' ); ?></p>
+ </div>
+ <div class="column">
+ <div class="about__image aligncenter">
+ <svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <circle cx="20.5" cy="20" r="12" fill="#fff"/>
+ <circle cx="20.5" cy="20" r="12" fill="url(#a)"/>
+ <circle cx="20.5" cy="20" r="12" stroke="#1E1E1E" stroke-width="2"/>
+ <defs>
+ <pattern id="a" patternContentUnits="objectBoundingBox" width=".385" height=".385">
+ <use xlink:href="#b" transform="scale(.01923)"/>
+ </pattern>
+ <image id="b" width="20" height="20" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAfUlEQVQ4Ee2TSw6AMAhES4/C/a/EWTAuptFJR4m6MFE25dO88ikWEdkmkpnNzEbE3Yd+pHQV3MLUnZlfAmeXK74vAtdpPin96jRVEu8fimWxiRGx2xwuGZtVLvms14iXgZyRsn+g6oz28ye53UNMF0+WgZwJAHyWgZwJg2AvIbMZwqZwPC4AAAAASUVORK5CYII="/>
+ </defs>
+ </svg>
+ </div>
+ <p><?php _e( 'Transparency levels for your colors allow for even more creative color options.' ); ?></p>
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><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__section has-3-columns">
+ <div class="column">
+ <div class="about__image aligncenter">
+ <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M15.165 7.335h9.333c.369 0 .667.298.667.667v9.333a.667.667 0 0 1-.667.667h-4v-3.333a2.667 2.667 0 0 0-2.666-2.667h-3.334v-4c0-.369.299-.667.667-.667Zm-2.667 4.667v-4a2.667 2.667 0 0 1 2.667-2.667h9.333a2.667 2.667 0 0 1 2.667 2.667v9.333a2.667 2.667 0 0 1-2.667 2.667h-4v4a2.667 2.667 0 0 1-2.666 2.667H8.499a2.667 2.667 0 0 1-2.667-2.667V14.67a2.667 2.667 0 0 1 2.667-2.667h4Zm6 8v4a.667.667 0 0 1-.666.667H8.499a.667.667 0 0 1-.667-.667V14.67c0-.368.299-.667.667-.667h4v3.333a2.667 2.667 0 0 0 2.666 2.667H18.5Zm0-2h-3.333a.667.667 0 0 1-.667-.667v-3.333h3.334c.368 0 .667.299.667.667v3.333Z" fill="#1E1E1E"/>
+ </svg>
+ </div>
+ <p><?php _e( 'Control gaps, margins, typography, and more on a collection of blocks, all at once, in the Group block.' ); ?></p>
+ </div>
+ <div class="column">
+ <div class="about__image aligncenter">
+ <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path d="M12.833 8.667h-7v2h7c.368 0 .667.299.667.667v9.333a.667.667 0 0 1-.667.667h-7v2h7a2.667 2.667 0 0 0 2.667-2.667v-9.333a2.667 2.667 0 0 0-2.667-2.667ZM20.167 8.667h7v2h-7a.667.667 0 0 0-.667.667v9.333c0 .368.299.667.667.667h7v2h-7a2.667 2.667 0 0 1-2.667-2.667v-9.333a2.667 2.667 0 0 1 2.667-2.667Z" fill="#1E1E1E"/>
+ </svg>
+ </div>
+ <p><?php _e( 'Switch between stack, row, and group variations to position groups of blocks with more layout flexibility.' ); ?></p>
+ </div>
+ <div class="column">
+ <div class="about__image aligncenter">
+ <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path d="M28.5 10.667v14.667A2.665 2.665 0 0 1 25.835 28H8.5" stroke="#1E1E1E" stroke-width="2"/>
+ <rect x="5.5" y="5" width="18" height="18" rx="1.167" stroke="#1E1E1E" stroke-width="2"/>
+ <path d="M5.834 18.667 10.786 16l3.715 1.778 4.333-3.111 4.333 3.111" stroke="#1E1E1E" stroke-width="2" stroke-linejoin="round"/>
+ </svg>
+ </div>
+ <p><?php _e( 'Use the gap support functionality in the Gallery block to create different looks–from adding spacing between all images, to removing spacing altogether.' ); ?></p>
+ </div>
+ </div>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <hr class="is-large" />
</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__section">
- <h2 class="aligncenter" style="margin-bottom:0;">
- <?php
- printf(
- /* translators: %s: Version number. */
- __( 'WordPress %s for developers' ),
- $display_version
- );
- ?>
- </h2>
- </div>
-
- <div class="about__section has-gutters has-2-columns">
- <div class="column is-edge-to-edge">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__section has-2-columns is-wider-right">
+ <div class="column about__image is-vertically-aligned-center">
+ <a href="#">
+ <img src="https://make.wordpress.org/core/files/2022/05/about-60-video.png" alt="<?php echo esc_attr( __( 'Exploring WordPress 6.0 video' ) ); ?>" />
+ </a>
+ </div>
+ <div class="column">
</ins><span class="cx" style="display: block; padding: 0 10px"> <h3>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php _e( 'Introducing block themes' ); ?>
- </h3>
- <p>
</del><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* translators: %s: Block-based themes dev note link. */
- __( 'A new way to build themes: Block themes use blocks to define the templates that structure your entire site. The new templates and template parts are defined in HTML and use the custom styling offered in theme.json. More information is available in the <a href="%s">block themes dev note</a>.' ),
- 'https://make.wordpress.org/core/2022/01/04/block-themes-a-new-way-to-build-themes-in-wordpress-5-9/'
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: %s: Version number. */
+ __( 'Learn more about WordPress %s' ),
+ $display_version
</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">- </p>
- </div>
- <div class="column is-edge-to-edge">
- <h3>
- <?php _e( 'Multiple stylesheets for a block' ); ?>
</del><span class="cx" style="display: block; padding: 0 10px"> </h3>
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* translators: %s: Multiple stylesheets dev note link. */
- __( 'Now you can register more than one stylesheet per block. You can use this to share styles across blocks you write, or to load styles for individual blocks, so your styles are only loaded when the block is used. Find out more about <a href="%s">using multiple stylesheets in a block</a>.' ),
- 'https://make.wordpress.org/core/2021/12/15/using-multiple-stylesheets-per-block/'
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: %s: 6.0 overview video link. */
+ __( 'See WordPress 6.0 in action! <a href="%s">Watch a brief overview video</a> highlighting some of the major features debuting in WordPress 6.0.' ),
+ '#'
</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"> </p>
</span><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">- <div class="about__section has-gutters has-2-columns">
- <div class="column is-edge-to-edge">
- <h3>
- <?php _e( 'Block‑level locking' ); ?>
- </h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ <div class="about__section has-3-columns">
+ <div class="column">
</ins><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( 'Now you can lock any block (or a few of them) in a pattern, just by adding a lock attribute to its settings in block.json — leaving the rest of the pattern free for site editors to adapt to their content.' ); ?>
- </p>
- </div>
- <div class="column is-edge-to-edge">
- <h3>
- <?php _e( 'A refactored Gallery block' ); ?>
- </h3>
- <p>
</del><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* translators: %s: Gallery Refactor dev note link. */
- __( 'The changes to the Gallery block listed above are the result of a near-complete refactoring. Have you built a plugin or theme on the Gallery block functionality? Be sure to read the <a href="%s">Gallery block compatibility dev note</a>.' ),
- 'https://make.wordpress.org/core/2021/08/20/gallery-block-refactor-dev-note/'
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: 1: Learn WordPress workshops link, 2: Learn WordPress social learning link. */
+ __( 'Explore <a href="%1$s">learn.wordpress.org/​workshops</a> for quick how-to videos and lots more on new features in WordPress. Or join a live <a href="%2$s">interactive online learning session</a> on a specific WordPress topic.' ),
+ 'https://learn.wordpress.org/workshops/',
+ 'https://learn.wordpress.org/social-learning/'
</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"> </p>
</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">- </div>
-
- <hr class="is-large" />
-
- <div class="about__section has-subtle-background-color has-2-columns is-wider-right">
- <div class="column about__image is-vertically-aligned-center">
- <img src="https://s.w.org/images/core/5.9/learn-video.png" alt="" />
- </div>
</del><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">- <h3><?php _e( 'Learn more about the new features in 5.9' ); ?></h3>
</del><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* translators: %s: Learn WordPress link. */
- __( 'Want to dive into 5.9 but don’t know where to start? Visit <a href="%s">learn.wordpress.org</a> for expanding resources on new features in WordPress 5.9.' ),
- 'https://learn.wordpress.org'
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: %s: WordPress 6.0 Field Guide link. */
+ __( 'Check out the latest version of the <a href="%s">WordPress Field Guide</a>. It is overflowing with detailed developer notes to help you build with WordPress.' ),
+ '#'
</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"> </p>
</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">- </div>
-
- <hr class="is-large" />
-
- <div class="about__section">
</del><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">- <h3><?php _e( 'Check the Field Guide for more!' ); ?></h3>
</del><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* translators: %s: WordPress 5.9 Field Guide link. */
- __( 'Check out the latest version of the WordPress Field Guide. It highlights developer notes for each change you may want to be aware of. <a href="%s">WordPress 5.9 Field Guide.</a>' ),
- 'https://make.wordpress.org/core/2022/01/10/wordpress-5-9-field-guide/'
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: %s: WordPress 6.0 Release Notes link. */
+ __( '<a href="#">Read the WordPress 6.0 Release Notes</a> for more information on the included enhancements and issues fixed, installation information, developer notes and resources, release contributors, and the list of file changes in this release.' ),
+ '#'
</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"> </p>
</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 2022-05-03 14:58:54 UTC (rev 53338)
+++ trunk/src/wp-admin/css/about.css 2022-05-03 16:26:53 UTC (rev 53339)
</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"> .about__container {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Section backgrounds */
</span><span class="cx" style="display: block; padding: 0 10px"> --background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- --subtle-background: #def;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --subtle-background: #f0f0f0;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Main text color */
</span><span class="cx" style="display: block; padding: 0 10px"> --text: #000;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -48,7 +48,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .credits-php,
</span><span class="cx" style="display: block; padding: 0 10px"> .freedoms-php,
</span><span class="cx" style="display: block; padding: 0 10px"> .privacy-php {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #f0f7ff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #fff;
</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-php #wpcontent,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -55,7 +55,7 @@
</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="cx" style="display: block; padding: 0 10px"> .privacy-php #wpcontent {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(180deg, #fff 50%, #f0f7ff 100%);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0 24px;
</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">@@ -482,7 +482,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__container p.is-subheading {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.8em;
</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"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__section a {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -542,6 +542,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1.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">+.about__container .column .about__image {
+ margin-bottom: calc(var(--gap) / 2);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about__container hr {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> height: var(--gap);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -586,46 +590,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* 1.3 - Header */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --about-header-image-width: 521px;
+ --about-header-image-height: 504px;
+ --about-header-bg-width: var(--about-header-image-width);
+ --about-header-bg-height: var(--about-header-image-height);
+ --about-header-bg-offset-inline: calc(var(--gap) * -2);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: var(--gap);
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-image: url('../images/about-texture.png');
- background-color: var(--accent-2);
- background-size: 500px 500px;
- background-blend-mode: overlay;
- color: var(--text-light);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--subtle-background) url('../images/about-header-about.svg') no-repeat;
+ background-size: var(--about-header-bg-width) var(--about-header-bg-height);
+ background-position: right var(--about-header-bg-offset-inline) center;
</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">-.about__header::before {
- content: "";
- position: absolute;
- top: 0;
- right: 64px;
- z-index: 0;
- width: 300px;
- height: 382px;
- background: url(../images/about-header-about.svg) no-repeat center;
- background-size: contain;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.credits-php .about__header {
+ --about-header-image-width: 390px;
+ --about-header-image-height: 325px;
+ --about-header-bg-offset-inline: var(--gap);
</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-php .about__header::before {
- top: auto;
- bottom: 70px;
- height: 310px;
</del><span class="cx" style="display: block; padding: 0 10px"> background-image: url('../images/about-header-credits.svg');
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-position: right var(--about-header-bg-offset-inline) top var(--gap);
</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">-.freedoms-php .about__header::before {
- top: calc(50% - 182px);
- right: 32px;
- width: 375px;
- height: 300px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.freedoms-php .about__header {
+ --about-header-image-width: 380px;
+ --about-header-image-height: 278px;
+ --about-header-bg-offset-inline: var(--gap);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> background-image: url('../images/about-header-freedoms.svg');
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-position: right var(--about-header-bg-offset-inline) bottom;
</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">-.privacy-php .about__header::before {
- top: auto;
- bottom: -16px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.privacy-php .about__header {
+ --about-header-image-width: 503px;
+ --about-header-image-height: 553px;
+ --about-header-bg-offset-inline: calc(var(--gap) * -2);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> background-image: url('../images/about-header-privacy.svg');
</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">@@ -635,15 +636,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header-title {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* 380px = 300px (balloon width) + 64px (offset from edge) + 16px (spacing). */
- padding: 6rem 380px 0 0;
- margin: 0 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 0 0 var(--gap);
+ padding: 8rem 0 0;
+ padding-right: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
</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">+.credits-php .about__header-title,
+.privacy-php .about__header-title {
+ padding-top: 6rem;
+}
+
+.freedoms-php .about__header-title {
+ padding-top: 3rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about__header-title h1 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 0 0.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 0 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 4.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: clamp(3rem, 18.46vw - 8.08rem, 6rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 400;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -650,18 +660,20 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header-text {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 0 7rem;
- /* 380px = 300px (balloon width) + 64px (offset from edge) + 16px (spacing). */
- padding: 0 380px 0 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 0 9rem;
+ padding: 0 0 0 2rem;
+ padding-right: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.15;
</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">-.freedoms-php .about__header-title,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.credits-php .about__header-text,
+.privacy-php .about__header-text {
+ margin-bottom: 7rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .freedoms-php .about__header-text {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* 423px = 375px (balloon width) + 32px (offset from edge) + 16px (spacing). */
- padding-right: 423px;
- margin-right: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: 6rem;
</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__header-navigation {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -708,34 +720,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: var(--nav-current);
</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">-@media screen and (max-width: 960px){
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (max-width: 960px) {
+ .about__header {
+ --about-header-bg-width: calc(var(--about-header-image-width) * 0.7);
+ --about-header-bg-height: calc(var(--about-header-image-height) * 0.7);
+ --about-header-bg-offset-inline: calc(var(--gap) * -1);
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about__header-title h1 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 4.8em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: clamp(3rem, 18.46vw - 5.08rem, 6rem);
</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="cx" style="display: block; padding: 0 10px"> @media screen and (max-width: 782px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .about__header::before {
- width: 240px;
- height: 305px;
- right: 32px;
- }
-
- .credits-php .about__header::before {
- height: 248px;
- }
-
- .freedoms-php .about__header::before {
- top: calc(50% - 132px);
- height: 192px;
- width: 240px;
- }
-
- .privacy-php .about__header::before {
- bottom: 0;
- height: 280px;
- }
-
</del><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="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -745,12 +742,6 @@
</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-title,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .about__header-text {
- /* 288px = 240px (balloon width) + 32px (offset from edge) + 16px (spacing). */
- padding-right: 288px !important;
- }
-
- .about__header-title,
</del><span class="cx" style="display: block; padding: 0 10px"> .about__header-image {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(var(--gap) / 2);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(var(--gap) / 2);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -771,8 +762,11 @@
</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"> @media screen and (max-width: 600px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .about__header::before {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .about__header,
+ .credits-php .about__header,
+ .privacy-php .about__header,
+ .freedoms-php .about__header {
+ background-image: none;
</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__header-title,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -779,6 +773,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .about__header-text {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: calc(var(--gap) / 2) !important;
</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-title h1 {
+ font-size: clamp(2rem, 11.43vw - 0.29rem, 4rem);
+ }
</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: 480px) {
</span></span></pre></div>
<a id="trunksrcwpadminimagesaboutheaderaboutsvg"></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/images/about-header-about.svg</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/images/about-header-about.svg 2022-05-03 14:58:54 UTC (rev 53338)
+++ trunk/src/wp-admin/images/about-header-about.svg 2022-05-03 16:26:53 UTC (rev 53339)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,11 +1,5 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<svg width="382" height="463" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path d="M145.188 250.097s-11.586 3.662-12.064 2.677c-.479-.984 2.23.774.114-7.334-2.115-8.109-23.919-16.143-23.249-14.087.671 2.056 34.626 143.402 70.698 201.355 0 0 5.969 7.07 2.591 18.86" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="m110.327 223.338-1.905 4.617 2.719 1.126 2.301-1.824-3.115-3.919Zm0 0c3.115 3.919 3.116 3.918 3.118 3.917l.004-.004.014-.011.048-.039.177-.141a170.005 170.005 0 0 0 3.095-2.574 264.56 264.56 0 0 0 8.557-7.621c7.025-6.524 16.33-15.809 25.411-26.837 9.065-11.01 18.012-23.883 24.212-37.585 6.193-13.687 9.783-28.509 7.692-43.253-6.465-45.589-50.772-76.288-98.397-69.665C36.634 46.15 2.58 87.748 9.045 133.337c2.091 14.744 9.665 28.013 19.426 39.481 9.772 11.481 21.953 21.415 33.73 29.526 11.796 8.124 23.324 14.512 31.892 18.867a267.38 267.38 0 0 0 10.346 4.992c1.249.568 2.233 1.001 2.91 1.295l.782.335.208.088.058.024.016.006.005.003c.002 0 .004.001 1.909-4.616Z" fill="#fff" stroke="#fff" stroke-width="10"/>
- <path d="m109.98 228.201-7.578 22.991s6.168 3.421 15.804.934l-5.973-23.823-2.253-.102Z" fill="#fff"/>
- <rect x="106" y="233.128" width="9" height="2" rx="1" transform="rotate(-.815 106 233.128)" fill="#1E1E1E"/>
- <path d="M294.325 242.139c-1.065-.105-27.318 5.204-24.956-5.487 0 0 .495-2.865 3.506-6.483 0 0 6.764-9.294-3.601-11.954 0 0-9.446-1.754-12.025-5.016L152.045 368.455l14.787 27.241s13.521 25.847 32.305 35.85" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="m257.447 200.963-2.862 4.104 2.451 1.706 2.666-1.351-2.255-4.459Zm0 0a739.01 739.01 0 0 0 2.258 4.457l.005-.002.017-.008.055-.029c.047-.024.115-.058.202-.104.175-.09.429-.222.757-.395a181.86 181.86 0 0 0 2.814-1.52 265.502 265.502 0 0 0 9.978-5.798c8.248-5.025 19.308-12.321 30.515-21.397 11.189-9.061 22.651-19.996 31.601-32.323 8.942-12.315 15.565-26.283 16.63-41.339 3.292-46.559-33.479-86.347-81.53-89.68-48.052-3.331-90.063 30.995-93.354 77.553-1.065 15.056 3.528 29.802 10.649 43.23 7.129 13.443 16.94 25.853 26.745 36.37 9.821 10.533 19.746 19.285 27.206 25.399a264.686 264.686 0 0 0 9.065 7.119 171.026 171.026 0 0 0 3.452 2.52l.051.036.015.01.004.003c.002.001.003.002 2.865-4.102Z" fill="#fff" stroke="#fff" stroke-width="10"/>
- <path d="m257.965 207.459 2.594 24.048s-6.751 2.078-15.656-2.336l10.837-22.076 2.225.364Z" fill="#fff"/>
- <rect x="252.136" y="210.563" width="8" height="2" rx="1" transform="rotate(3.25 252.136 210.563)" fill="#1E1E1E"/>
- <path d="M93.67 116.884c4.373-.77 8.572-.744 12.595.08 4.008.737 7.599 2.179 10.773 4.325 3.174 2.146 5.828 4.925 7.963 8.337 2.222 3.396 3.726 7.325 4.512 11.786.833 4.724.713 9.164-.358 13.321-.984 4.142-2.767 7.838-5.351 11.089-2.568 3.339-5.821 6.122-9.757 8.349-3.921 2.314-8.331 3.903-13.23 4.766-6.823 1.203-13.2.839-19.132-1.092-5.845-1.946-10.606-5.166-14.284-9.659l8.254-12.277a27.758 27.758 0 0 0 10.618 6.517c4.028 1.364 8.01 1.699 11.947 1.006 4.723-.833 8.326-2.911 10.806-6.234 2.553-3.426 3.413-7.501 2.581-12.224-.802-4.549-2.892-7.968-6.272-10.259-3.293-2.306-7.126-3.073-11.5-2.302a17.716 17.716 0 0 0-7.787 3.401c-2.219 1.744-3.87 3.884-4.957 6.421L65.74 144.94c-.046-.262-.041-1.255.016-2.979l.156-6.792c.047-2.804.091-5.878.133-9.223.027-3.431.09-6.915.188-10.45.156-8.324.318-17.642.485-27.953l45.923-8.094 2.821 16.008-33.196 5.85-.128 21.533c.849-1.322 2.218-2.511 4.106-3.565 1.976-1.07 4.451-1.867 7.425-2.391ZM147.158 166.232l.002-19.186 14.655.002-.002 19.18
5-14.655-.001ZM233.754 87.603c.484-4.593 1.818-8.784 4.002-12.573 2.185-3.79 4.933-6.984 8.243-9.582 3.407-2.679 7.275-4.638 11.603-5.88 4.417-1.232 9.054-1.593 13.913-1.082 5.3.558 9.967 2.031 14.003 4.42 4.124 2.4 7.492 5.611 10.105 9.637 2.613 4.026 4.431 8.817 5.455 14.373 1.12 5.476 1.323 11.615.608 18.417-.902 8.568-2.584 16.072-5.048 22.511-2.366 6.36-5.371 11.581-9.016 15.663-3.565 4.18-7.721 7.181-12.468 9.004-4.747 1.823-9.902 2.442-15.467 1.856-5.919-.622-11.261-2.479-16.026-5.571-4.766-3.091-8.62-7.203-11.563-12.335l11.373-10.057c1.767 3.58 4.231 6.474 7.393 8.682 3.161 2.208 6.73 3.521 10.705 3.939 5.918.623 10.846-1.226 14.783-5.545 4.026-4.31 6.578-10.74 7.656-19.289-2.101 2.994-4.972 5.237-8.612 6.73-3.64 1.492-7.713 2.002-12.218 1.528-4.681-.493-8.926-1.743-12.734-3.751-3.807-2.008-7.02-4.579-9.638-7.713-2.617-3.133-4.566-6.687-5.844-10.662-1.27-4.063-1.672-8.303-1.208-12.72ZM269.94 73.46a16.117 16.117 0 0 0-6.911.746c-2.125.67-4.07 1.76-5.837 3.271-1.757 1.423-3.23
8 3.187-4.442 5.293-1.106 2.028-1.785 4.234-2.036 6.619-.251 2.385-.046 4.683.614 6.896a21.262 21.262 0 0 0 3.139 5.823 17.186 17.186 0 0 0 5.175 4.296c2.027 1.106 4.233 1.785 6.618 2.035 2.385.251 4.684.047 6.897-.614 2.213-.66 4.153-1.706 5.822-3.138a17.575 17.575 0 0 0 4.282-5.042c1.195-2.018 1.917-4.22 2.168-6.605a16.124 16.124 0 0 0-.746-6.91c-.651-2.302-1.688-4.33-3.111-6.088-1.423-1.757-3.143-3.233-5.161-4.428-1.929-1.185-4.086-1.903-6.471-2.154Z" fill="#1E1E1E"/>
-</svg>
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<svg width="521" height="504" viewBox="0 0 521 504" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path d="M265.692 238.093c0 17.061-3.506 33.055-10.518 47.984-6.707 14.928-16.006 28.028-27.895 39.301-11.89 10.968-25.914 19.651-42.072 26.048-15.853 6.398-32.926 9.597-51.218 9.597-19.816 0-37.956-3.808-54.419-11.425-16.462-7.921-30.639-18.889-42.529-32.903-11.585-14.014-20.73-30.618-27.438-49.812C3.201 247.385 0 225.906 0 202.447c0-27.724 4.268-53.772 12.804-78.145 8.537-24.678 20.122-46.157 34.755-64.436 14.634-18.584 31.707-33.208 51.218-43.871C118.289 5.332 139.172 0 161.427 0c12.195 0 23.628 1.371 34.298 4.113 10.67 2.437 19.816 5.94 27.438 10.51 7.927 4.57 14.176 10.054 18.749 16.452 4.573 6.094 6.86 12.796 6.86 20.108 0 8.835-2.744 15.842-8.232 21.022-5.487 4.874-12.804 7.311-21.95 7.311-6.402 0-11.433-1.37-15.091-4.112-3.658-2.742-6.86-6.094-9.603-10.054-2.439-3.96-4.726-8.226-6.86-12.796-2.134-4.875-4.878-9.292-8.231-13.253-3.049-3.96-7.012-7.312-11.89-10.054-4.878-2.741-11.433-4.113-19.664-4.113-10.061 0-19.359 3.352-27.895 10.054-8.537 6.398-16.006 15.386-22.40
8 26.963-6.097 11.272-10.975 24.677-14.634 40.215-3.658 15.538-5.487 32.446-5.487 50.726l1.371.914c9.756-10.968 19.97-19.041 30.64-24.22 10.975-5.18 23.779-7.769 38.413-7.769 16.768 0 32.316 3.046 46.645 9.14 14.633 5.788 27.133 13.862 37.498 24.22 10.671 10.359 19.055 22.697 25.152 37.016 6.097 14.015 9.146 29.248 9.146 45.7Zm-189.78-10.968c0 35.95 5.03 63.065 15.09 81.344 10.366 18.28 25.305 27.42 44.816 27.42 19.207 0 33.383-7.769 42.529-23.307 9.146-15.538 13.719-39.758 13.719-72.661 0-29.857-4.42-52.402-13.261-67.635-8.537-15.538-21.189-23.307-37.956-23.307-13.414 0-25.152 4.265-35.212 12.796-10.061 8.53-19.97 22.088-29.725 40.672v24.678Z" fill="#3858E9" style="mix-blend-mode:multiply"/>
+ <path d="M156.25 398.381c0-8.068 2.648-14.877 7.943-20.424 5.547-5.799 12.355-8.699 20.424-8.699 8.321 0 15.255 2.9 20.803 8.699 5.547 5.547 8.321 12.356 8.321 20.424 0 7.817-2.774 14.499-8.321 20.047-5.548 5.295-12.482 7.942-20.803 7.942-8.069 0-14.877-2.647-20.424-7.942-5.295-5.548-7.943-12.23-7.943-20.047Z" fill="#2F2F2F" style="mix-blend-mode:multiply"/>
+ <path d="M369.361 142.207c20.947 0 40.528 4.722 58.743 14.167 18.519 9.444 34.608 22.392 48.269 38.844 13.662 16.452 24.439 35.798 32.332 58.038 8.196 22.24 12.295 46.308 12.295 72.205 0 24.677-4.099 47.831-12.295 69.462-7.893 21.631-18.67 40.52-32.332 56.667-13.661 15.843-29.75 28.486-48.269 37.931-18.215 9.139-37.796 13.709-58.743 13.709-20.643 0-40.072-4.57-58.287-13.709-17.911-9.445-33.697-22.088-47.358-37.931-13.358-16.147-23.983-35.036-31.876-56.667-7.893-21.631-11.84-44.785-11.84-69.462 0-25.897 3.947-49.965 11.84-72.205 7.893-22.24 18.518-41.586 31.876-58.038 13.661-16.452 29.447-29.4 47.358-38.844 18.215-9.445 37.644-14.167 58.287-14.167Zm0 334.518c10.929 0 20.644-2.285 29.144-6.855 8.804-4.875 16.242-13.101 22.313-24.678 6.072-11.577 10.626-26.962 13.661-46.156 3.34-19.193 5.009-43.262 5.009-72.204 0-30.162-1.669-55.296-5.009-75.404-3.035-20.412-7.589-36.712-13.661-48.898-6.071-12.187-13.509-20.869-22.313-26.049-8.5-5.179-18.215-7.768-29.144-7.768-10.928 0-20.795
2.589-29.599 7.768-8.5 5.18-15.786 13.862-21.857 26.049-6.072 12.186-10.778 28.486-14.117 48.898-3.036 20.108-4.554 45.242-4.554 75.404 0 28.942 1.518 53.011 4.554 72.204 3.339 19.194 8.045 34.579 14.117 46.156 6.071 11.577 13.357 19.803 21.857 24.678 8.804 4.57 18.671 6.855 29.599 6.855Z" fill="#1B8362" style="mix-blend-mode:multiply"/>
+</svg>
</ins></span></pre></div>
<a id="trunksrcwpadminimagesaboutheadercreditssvg"></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/images/about-header-credits.svg</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/images/about-header-credits.svg 2022-05-03 14:58:54 UTC (rev 53338)
+++ trunk/src/wp-admin/images/about-header-credits.svg 2022-05-03 16:26:53 UTC (rev 53339)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,15 +1,5 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<svg width="377" height="390" fill="none" xmlns="http://www.w3.org/2000/svg">
- <g clip-path="url(#a)">
- <path d="m146.085 114.732 45.041 285.26M139.593 266.898l36.925 134.311M119.304 176.41l64.113 221.147M98.204 293.273l73.851 104.69M220.748 128.123 195.59 397.557M209.386 312.344l-5.275 85.619m15.825-258.479-10.55 258.479M290.541 232.407l-68.982 164.745" stroke="#000" stroke-width="2" stroke-linecap="round"/>
- <path fill-rule="evenodd" clip-rule="evenodd" d="M27.823 138.143c-11.294-25.563 1.612-55.05 27.485-66.482 25.873-11.43 56.368-1.126 67.675 24.428 3.778 8.545 4.066 17.83 2.808 26.402a98.184 98.184 0 0 1-7.252 24.272 154.846 154.846 0 0 1-9.392 18.177c-1.376 2.284-2.534 4.1-3.403 5.338a71.903 71.903 0 0 1-1 1.488l-.284.416-.073.051-.034.023-.053.037-1.46 2.007 5.124 6.815c-4.191 3.227-7.925 2.822-7.925 2.822l-.687-7.998-2.647-.322-.149-.015-.495-.071a90.78 90.78 0 0 1-1.772-.258 152.71 152.71 0 0 1-6.248-1.117 155.216 155.216 0 0 1-19.758-5.302 97.912 97.912 0 0 1-22.836-10.855c-7.178-4.85-13.812-11.305-17.624-19.856Z" fill="#fff"/>
- <path fill-rule="evenodd" clip-rule="evenodd" d="M23.353 252.649c-11.294-25.563 1.612-55.051 27.485-66.482 25.873-11.43 56.368-1.125 67.675 24.429 3.778 8.544 4.066 17.83 2.808 26.401a98.184 98.184 0 0 1-7.252 24.272 154.846 154.846 0 0 1-9.392 18.177c-1.376 2.284-2.534 4.1-3.403 5.338a75.413 75.413 0 0 1-1 1.489l-.284.415-.073.051-.034.023-.053.037-1.46 2.007 5.124 6.815c-4.19 3.227-7.925 2.822-7.925 2.822l-.687-7.998-2.647-.322-.149-.015-.494-.071a90.668 90.668 0 0 1-1.773-.258c-1.509-.235-3.653-.6-6.248-1.116a155.386 155.386 0 0 1-19.758-5.303 97.91 97.91 0 0 1-22.836-10.855c-7.178-4.85-13.812-11.305-17.624-19.856Z" fill="#fff"/>
- <path fill-rule="evenodd" clip-rule="evenodd" d="M186.711 196.688c-1.957-27.878-27.144-47.921-55.36-45.94-28.217 1.98-50.365 25.338-48.424 53.214.652 9.32 4.735 17.664 9.852 24.656a98.177 98.177 0 0 0 17.751 18.072 154.655 154.655 0 0 0 16.796 11.683c2.283 1.377 4.156 2.442 5.502 3.131.674.369 1.203.655 1.58.848l.445.235.089.011.04.005.064.008 2.229 1.092-1.347 8.42c5.213.895 8.325-1.208 8.325-1.208l-3.129-7.392 2.191-1.522.124-.082.404-.294c.341-.244.835-.6 1.447-1.057a152.656 152.656 0 0 0 5.002-3.906 155.292 155.292 0 0 0 14.993-13.919 97.931 97.931 0 0 0 15.119-20.265c4.081-7.642 6.931-16.449 6.307-25.79ZM231.87 21.947c-28.417.309-51.77 22.753-51.46 50.954.203 18.515 13.736 34.495 24.998 44.874a155.567 155.567 0 0 0 16.065 12.862 137.743 137.743 0 0 0 5.311 3.552c.643.412 1.165.735 1.53.953.176.118.32.202.425.261l.068.043.056.029 2.477 1.463-1.386 7.717c5.216.994 8.348-1.053 8.348-1.053l-2.853-7.11 1.796-1.112.063-.014.071-.016.064-.015.421-.27 1.
508-.989c1.279-.854 3.08-2.093 5.227-3.676a157.426 157.426 0 0 0 15.776-13.221c11.031-10.618 24.211-26.897 24.008-45.413-.262-28.21-24.096-50.127-52.513-49.819Zm1.17 106.562.079-.018-.087.02.008-.002Z" fill="#fff"/>
- <path fill-rule="evenodd" clip-rule="evenodd" d="M128.239 3.048c28.026-4.708 54.972 13.265 59.642 41.078 3.066 18.26-7.436 36.377-16.691 48.58a155.555 155.555 0 0 1-13.545 15.494 137.363 137.363 0 0 1-4.601 4.433c-.559.519-1.016.929-1.337 1.207-.153.148-.28.256-.373.333l-.059.054-.051.039-2.179 1.876 2.725 7.352c-4.959 1.898-8.403.436-8.403.436l1.554-7.501-1.963-.779-.065-.002-.073-.004-.065-.003-.463-.191-1.658-.708a137.861 137.861 0 0 1-5.793-2.696 157.264 157.264 0 0 1-17.861-10.231c-12.731-8.506-28.576-22.205-31.642-40.466-4.719-27.815 14.875-53.592 42.901-58.3Zm17.646 105.097-.081-.003.089.004-.008-.001ZM231.523 195.316c-27.879-5.511-55.33 11.682-60.795 39.349-3.588 18.166 6.39 36.577 15.291 49.039a155.665 155.665 0 0 0 13.094 15.877 137.919 137.919 0 0 0 4.473 4.563c.544.535.989.958 1.302 1.245.149.152.272.264.363.343l.057.056.05.04 2.125 1.938-2.935 7.271c4.902 2.04 8.387.677 8.387.677l-1.339-7.543 1.985-.722.065-.001.073-.001.065-.001.468-.178
1.678-.66a138.844 138.844 0 0 0 5.868-2.529 157.137 157.137 0 0 0 18.147-9.714c12.97-8.138 29.202-21.376 32.79-39.542 5.514-27.668-13.332-53.997-41.212-59.507Zm-20.652 104.547.081-.001-.089.001h.008ZM267.86 149.945c10.388-25.945 40.498-37.324 66.757-26.81 26.259 10.515 40.202 39.527 29.829 65.474-3.47 8.674-9.91 15.37-16.919 20.461a98.187 98.187 0 0 1-22.428 11.778 154.947 154.947 0 0 1-19.564 5.988c-2.595.612-4.703 1.053-6.196 1.297-.754.146-1.346.256-1.764.325l-.495.087-.088-.016-.04-.008-.064-.012-2.455.358-1.293 8.428c-5.237-.742-7.557-3.695-7.557-3.695l5.24-6.082-1.62-2.118-.094-.117-.295-.403c-.249-.337-.61-.827-1.054-1.448a154.775 154.775 0 0 1-3.568-5.249 155.185 155.185 0 0 1-10.017-17.837 97.898 97.898 0 0 1-8.198-23.918c-1.548-8.524-1.569-17.781 1.883-26.483Z" fill="#fff"/>
- <path fill-rule="evenodd" clip-rule="evenodd" d="M206.717 99.424c28.399-1.048 52.797 20.257 53.832 48.44.68 18.504-12.075 35.112-22.829 46.015a155.621 155.621 0 0 1-15.434 13.615 139.119 139.119 0 0 1-5.135 3.801 54.56 54.56 0 0 1-1.483 1.024c-.17.127-.31.217-.412.282l-.066.046-.055.032-2.404 1.579 1.753 7.642c-5.163 1.242-8.39-.653-8.39-.653l2.511-7.238-1.846-1.026-.064-.011-.072-.013-.064-.011-.434-.249-1.553-.917a136.962 136.962 0 0 1-5.396-3.422 157.361 157.361 0 0 1-16.389-12.453c-11.525-10.081-25.467-25.712-26.147-44.217-1.084-28.191 21.677-51.219 50.077-52.266Zm3.914 106.495-.08-.014.088.016-.008-.002Z" fill="#fff"/>
- </g>
- <defs>
- <clipPath id="a">
- <path fill="#fff" d="M0 0h377v390H0z"/>
- </clipPath>
- </defs>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<svg width="390" height="325" viewBox="0 0 390 325" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path d="M277 195.113c0-15.824 5.204-29.175 15.612-40.053 10.903-11.374 24.285-17.06 40.145-17.06 16.355 0 29.984 5.686 40.888 17.06C384.548 165.938 390 179.289 390 195.113c0 15.329-5.452 28.432-16.355 39.311C362.741 244.808 349.112 250 332.757 250c-15.86 0-29.242-5.192-40.145-15.576C282.204 223.545 277 210.442 277 195.113Z" fill="#2F2F2F" style="mix-blend-mode:multiply"/>
+ <path d="M0 85.159c0-23.594 7.737-43.501 23.21-59.722C39.422 8.479 59.317 0 82.896 0c24.316 0 44.579 8.479 60.789 25.437C159.895 41.657 168 61.565 168 85.159c0 22.856-8.105 42.395-24.316 58.616C127.474 159.258 107.211 167 82.894 167c-23.578 0-43.473-7.742-59.683-23.225C7.737 127.554 0 108.015 0 85.159Z" fill="#3858E9" style="mix-blend-mode:multiply"/>
+ <path d="M57 196.113c0-37.157 12.204-68.508 36.612-94.054C119.182 75.353 150.564 62 187.757 62c38.355 0 70.318 13.353 95.888 40.059C309.215 127.605 322 158.956 322 196.113c0 35.995-12.785 66.766-38.355 92.311C258.075 312.808 226.112 325 187.757 325c-37.193 0-68.575-12.192-94.145-36.576C69.204 262.879 57 232.108 57 196.113Z" fill="#1B8362" style="mix-blend-mode:multiply"/>
</ins><span class="cx" style="display: block; padding: 0 10px"> </svg>
</span></span></pre></div>
<a id="trunksrcwpadminimagesaboutheaderfreedomssvg"></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/images/about-header-freedoms.svg</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/images/about-header-freedoms.svg 2022-05-03 14:58:54 UTC (rev 53338)
+++ trunk/src/wp-admin/images/about-header-freedoms.svg 2022-05-03 16:26:53 UTC (rev 53339)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,18 +1,6 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<svg viewBox="0 0 464 363" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path d="M78.913 192.621c-.04-5.218-11.878-13.339-11.788-11.996.091 1.343-.955 91.866 11.876 132.297 0 0 2.504 5.168-1.301 11.789" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="m66.025 169.397-2.246 4.468 2.651 1.332 2.44-1.688-2.846-4.112Zm0 0c2.845 4.112 2.846 4.111 2.848 4.11l.003-.003.01-.007.035-.024.121-.085c.103-.073.252-.177.442-.313.38-.273.927-.67 1.617-1.183a166.555 166.555 0 0 0 5.664-4.421c4.653-3.79 10.85-9.22 16.993-15.763 6.126-6.526 12.309-14.278 16.824-22.723 4.508-8.431 7.509-17.846 6.829-27.564-2.078-29.724-29.002-51.417-59.586-49.278C27.241 54.282 3.6 79.51 5.677 109.235c.68 9.718 4.962 18.622 10.6 26.344 5.646 7.735 12.848 14.551 19.822 20.161 6.993 5.625 13.887 10.139 19.021 13.244a165.576 165.576 0 0 0 6.225 3.59 103.129 103.129 0 0 0 2.247 1.195l.131.067.038.019.011.006.004.002c.002.001.003.002 2.248-4.466Z" fill="#fff" stroke="#fff" stroke-width="10"/>
- <path d="m65.879 177.285-5.663 13.965s3.649 2.391 9.688 1.26l-2.642-15.065-1.383-.16Z" fill="#fff"/>
- <rect x="62.953" y="178.598" width="6.106" height="1.97" rx=".985" transform="rotate(3.18 62.953 178.598)" fill="#1E1E1E"/>
- <path d="M186.961 242.688s-.127-1.806-1.751-4.234c0 0-3.577-6.178 2.952-7.191 0 0 5.908-.507 7.694-2.372.492 16.768.952 56.344-1.149 80.507-.986 15.32-2.136 49.902 1.149 65.66" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="m194.464 217.687 3.154 3.881-2.341 1.902-2.774-1.184 1.961-4.599Zm0 0a816.555 816.555 0 0 1-1.964 4.598l-.004-.002-.012-.005-.039-.016-.136-.059a112.689 112.689 0 0 1-2.328-1.058 164.825 164.825 0 0 1-6.469-3.213c-5.347-2.796-12.55-6.899-19.93-12.121-14.417-10.199-30.946-25.657-33.662-44.98-4.198-29.869 17.489-57.102 47.927-61.38 30.439-4.277 58.792 15.922 62.99 45.792 2.715 19.323-8.913 38.738-19.96 52.515-5.655 7.054-11.447 12.984-15.817 17.146a165.602 165.602 0 0 1-5.333 4.871 111.123 111.123 0 0 1-1.997 1.701l-.063.052-.033.027-.01.008-.004.003c-.001.001-.002.002-3.156-3.879Z" fill="#fff" stroke="#fff" stroke-width="10"/>
- <path d="m194.905 224.66-3.449 14.669s3.972 1.802 9.766-.244l-4.926-14.48-1.391.055Z" fill="#fff"/>
- <rect width="5.103" height="1.97" rx=".985" transform="scale(-1 1) rotate(2.085 -6324.149 -5336.641)" fill="#1E1E1E"/>
- <path d="M272.674 146.172c-.395-5.204 10.723-14.284 10.745-12.938.022 1.345 8.621 91.465-.79 132.827 0 0-2.064 5.358 2.28 11.638" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="m284.568 122.79 2.611 4.265-2.531 1.549-2.572-1.479 2.492-4.335Zm0 0c-2.492 4.335-2.493 4.334-2.495 4.333l-.004-.002-.011-.006-.036-.021-.128-.075a106.955 106.955 0 0 1-2.176-1.319 165.633 165.633 0 0 1-6.014-3.933c-4.952-3.388-11.582-8.281-18.249-14.289-6.649-5.992-13.458-13.2-18.662-21.24-5.197-8.025-8.973-17.156-9.107-26.897-.41-29.793 24.609-53.658 55.265-54.08 30.656-.422 56.321 22.745 56.731 52.539.135 9.74-3.389 18.972-8.362 27.138-4.982 8.179-11.589 15.572-18.071 21.745-6.499 6.189-12.991 11.263-17.849 14.786a167.49 167.49 0 0 1-5.903 4.096c-.718.474-1.287.84-1.681 1.091l-.458.288a9.846 9.846 0 0 0-.126.078l-.036.022-.011.007-.003.002c-.002.001-.003.002-2.614-4.263Z" fill="#fff" stroke="#fff" stroke-width="10"/>
- <path d="m284.383 130.802 6.808 13.443s-3.436 2.688-9.549 2.064l1.376-15.233 1.365-.274Z" fill="#fff"/>
- <rect width="6.106" height="1.97" rx=".985" transform="scale(-1 1) rotate(7.968 -1090.36 -1997.313)" fill="#1E1E1E"/>
- <path d="M415.822 213.413c-.66 0-16.451 4.903-15.663-1.87 0 0 .126-1.807 1.751-4.235 0 0 3.577-6.177-2.952-7.19 0 0-5.909-.508-7.694-2.372-.493 16.767-.952 56.343 1.149 80.506.985 15.321 2.135 49.902-1.149 65.66" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="m393.572 188.375-3.154 3.88 2.341 1.903 2.775-1.184-1.962-4.599Zm0 0c1.962 4.599 1.963 4.599 1.965 4.598l.004-.002.012-.005.039-.017.136-.059a113.778 113.778 0 0 0 2.328-1.058 164.53 164.53 0 0 0 6.469-3.212c5.347-2.796 12.549-6.9 19.93-12.121 14.416-10.2 30.946-25.657 33.661-44.98 4.198-29.87-17.489-57.102-47.927-61.38-30.439-4.278-58.791 15.922-62.989 45.792-2.716 19.323 8.912 38.737 19.959 52.515 5.656 7.054 11.448 12.984 15.817 17.146a166.688 166.688 0 0 0 5.333 4.871 117.548 117.548 0 0 0 1.997 1.7l.064.053.032.026.011.008.003.003c.001.001.002.002 3.156-3.878Z" fill="#fff" stroke="#fff" stroke-width="10"/>
- <path d="m393.123 195.432 3.45 14.669s-3.973 1.802-9.767-.244l4.927-14.48 1.39.055Z" fill="#fff"/>
- <rect x="388.766" y="197.329" width="6.234" height="1.97" rx=".985" transform="rotate(2.085 388.766 197.329)" fill="#1E1E1E"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<svg width="380" height="278" viewBox="0 0 380 278" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path d="M317.283 636.325 297.983.802l65.268 4.802 16.19 627.838-62.158 2.883Z" fill="#2F2F2F"/>
+ <path d="M237.772 636.803 211.16 9.443l66.772-4.323 26.612 633.123-66.772-1.44Z" fill="#1B8362"/>
+ <path d="M122.645 631.162V3.998l59.68 3.836-4.59 627.164-55.09-3.836Z" fill="#2F2F2F"/>
+ <path d="M.703 637.383 27.111 5.7l64.254-3.084-28.05 633.538-62.612 1.229Z" fill="#3858E9"/>
</ins><span class="cx" style="display: block; padding: 0 10px"> </svg>
</span></span></pre></div>
<a id="trunksrcwpadminimagesaboutheaderprivacysvg"></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/images/about-header-privacy.svg</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/images/about-header-privacy.svg 2022-05-03 14:58:54 UTC (rev 53338)
+++ trunk/src/wp-admin/images/about-header-privacy.svg 2022-05-03 16:26:53 UTC (rev 53339)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,12 +1,5 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<svg viewBox="0 0 374 440" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path d="M101.194 187.586c-.132-7.011-16.16-17.748-16.018-15.944.142 1.803.084 123.457 17.928 177.596 0 0 3.441 6.907-1.573 15.86" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="m84.922 161.647-2.246 4.467 2.651 1.333 2.44-1.689-2.845-4.111Zm0 0c2.845 4.111 2.847 4.11 2.848 4.109l.004-.003.013-.009.044-.03.157-.11a145.38 145.38 0 0 0 2.73-1.984 221.81 221.81 0 0 0 7.551-5.895c6.212-5.059 14.481-12.304 22.668-21.025 8.171-8.705 16.373-19 22.346-30.171 5.966-11.157 9.861-23.48 8.978-36.11-2.721-38.907-37.994-67.44-78.238-64.626C33.78 8.607 2.821 41.771 5.541 80.68c.883 12.63 6.456 24.291 13.916 34.509 7.47 10.231 17.025 19.284 26.328 26.767 9.321 7.497 18.518 13.52 25.373 17.666a220.806 220.806 0 0 0 8.3 4.786 153.7 153.7 0 0 0 2.978 1.585 22.04 22.04 0 0 0 .171.087l.047.024.014.007.005.003c.002.001.003.001 2.249-4.466Z" fill="#fff" stroke="#fff" stroke-width="10"/>
- <path d="m84.203 171.048-7.61 18.766s4.903 3.213 13.02 1.693l-3.552-20.244-1.858-.215Z" fill="#fff"/>
- <rect x="82.418" y="171.164" width="6.5" height="2" rx="1" transform="rotate(3.18 82.418 171.164)" fill="#1E1E1E"/>
- <path d="M297.781 246.24c-.847.263-19.158 12.848-20.847 3.841 0 0-.557-2.369.56-6.132 0 0 2.129-9.354-6.654-8.052 0 0-7.785 1.703-10.819.022l-29.618 153.729 20.187 16.219s18.766 15.555 36.375 17.192" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="m260.954 227.215-3.154 3.881 2.341 1.902 2.774-1.184-1.961-4.599Zm0 0a816.555 816.555 0 0 0 1.964 4.598l.005-.002.015-.006.049-.021.176-.077.656-.289c.567-.253 1.389-.626 2.431-1.114a220.542 220.542 0 0 0 8.626-4.283c7.138-3.733 16.747-9.208 26.586-16.169 19.332-13.677 40.984-34.081 44.525-59.28 5.5-39.137-22.915-74.916-62.942-80.542-40.028-5.625-77.205 20.936-82.705 60.073-3.541 25.199 11.647 50.78 26.461 69.256 7.539 9.403 15.266 17.315 21.099 22.871a221.255 221.255 0 0 0 7.111 6.495 146.147 146.147 0 0 0 2.58 2.199l.149.122.041.034.013.01.004.003c.001.002.002.003 3.156-3.878Z" fill="#fff" stroke="#fff" stroke-width="10"/>
- <path d="m260.833 238.042.743 20.237s-5.706 1.345-12.815-2.855l10.252-17.815 1.82.433Z" fill="#fff"/>
- <rect x="256.704" y="237.275" width="5.997" height="2" rx="1" transform="rotate(7.245 256.704 237.275)" fill="#1E1E1E"/>
- <path d="M318.718 133.121a2.06 2.06 0 0 0-1.031-.854c-.37-.14-7.335-2.746-21.144-5.18-10.426-1.839-16.715-1.581-21.755-1.373-.669.027-1.317.053-1.953.073-1.685.056-3.467.196-5.192.327-3.712.292-7.573.589-10.649.075-3.07-.57-6.585-2.167-9.985-3.713-1.574-.713-3.203-1.455-4.768-2.083-.591-.237-1.195-.486-1.819-.741-4.668-1.92-10.482-4.309-20.901-6.147-14.014-2.471-21.347-2.366-21.651-2.36a2.063 2.063 0 0 0-1.396.578 2.026 2.026 0 0 0-.618 1.37l-.267 6.138a2.04 2.04 0 0 0 1.197 1.946c1.895.874 1.925 1.149 2.157 3.29.021.209.045.426.072.656.145 1.242.395 3.218.657 5.303.323 2.621.707 5.599.943 7.642.336 2.941 1.24 10.758 15.054 14.97 10.902 3.326 18.758 3.461 24.016.415 5.125-2.971 10.636-13.08 12.065-16.425a6.725 6.725 0 0 1 .873-1.584l5.324.939c.171.581.264 1.182.279 1.787.198 3.634 1.921 15.019 5.717 19.56 2.872 3.432 7.657 5.725 14.531 6.938 2.706.462 5.437.76 8.179.892 6.03.322 10.844-.71 14.328-3.057 3.024-2.045 4.315-4.62 4.941-5.871.889-1.783 2.156-4.249 3.381-6.634a54
1.984 541.984 0 0 0 2.549-4.997l.293-.592c.95-1.933 1.072-2.181 3.152-2.353a2.061 2.061 0 0 0 1.112-.44 2.04 2.04 0 0 0 .676-.98l1.851-5.856c.083-.276.107-.567.07-.852a2.048 2.048 0 0 0-.288-.807Z" fill="#1E1E1E"/>
- <rect x="315.517" y="132.793" width="39.784" height="7.784" rx="2" transform="rotate(12 315.517 132.793)" fill="#1E1E1E"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<svg width="503" height="553" viewBox="0 0 503 553" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path d="M411.561 552.354 107 92.978l51.604-30.168 300.735 461.913-47.778 27.631Z" fill="#3858E9" style="mix-blend-mode:multiply"/>
+ <path d="M40.197 400.356 257.575 0l51.119 30.927L87.281 429.092l-47.084-28.736Z" fill="#2F2F2F" style="mix-blend-mode:multiply"/>
+ <path d="m5.588 287.13 496.646 21.253-5.589 59.496L.195 342.04l5.393-54.91Z" fill="#1B8362" style="mix-blend-mode:multiply"/>
</ins><span class="cx" style="display: block; padding: 0 10px"> </svg>
</span></span></pre>
</div>
</div>
</body>
</html>