<!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>[57018] trunk/src/wp-admin: Help/About: Improve Accessibility, RTL, Internationalization, and Responsiveness of about pages.</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/57018">57018</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/57018","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>jorbin</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2023-10-27 17:01:50 +0000 (Fri, 27 Oct 2023)</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: Improve Accessibility, RTL, Internationalization, and Responsiveness of about pages.
Tweaks the 6.4 about pages in a couple of ways:
- Decouples the background from the 6.4 logo so the logo can move for RTL.
- Updates a color to improve color contrast.
- Help prevent overlap of long text strings with 6.4 logo.
- Ensure background isn't dark when no background is used on mobile.
Props nudge, jorbin, afercia, sumitsingh, sabernhardt.
See <a href="https://core.trac.wordpress.org/ticket/59289">#59289</a>, <a href="https://core.trac.wordpress.org/ticket/59664">#59664</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadmincssaboutcss">trunk/src/wp-admin/css/about.css</a></li>
<li><a href="#trunksrcwpadminfreedomsphp">trunk/src/wp-admin/freedoms.php</a></li>
<li><a href="#trunksrcwpadminimagesaboutheaderaboutsvg">trunk/src/wp-admin/images/about-header-about.svg</a></li>
<li><a href="#trunksrcwpadminimagesaboutheadercontributesvg">trunk/src/wp-admin/images/about-header-contribute.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>
<h3>Added Paths</h3>
<ul>
<li><a href="#trunksrcwpadminimagesaboutheaderbackgroundsvg">trunk/src/wp-admin/images/about-header-background.svg</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<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 2023-10-27 08:27:33 UTC (rev 57017)
+++ trunk/src/wp-admin/css/about.css 2023-10-27 17:01:50 UTC (rev 57018)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,7 +21,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about__container {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Section backgrounds */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- --background: #151515;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --background: #EAE9E7;
</ins><span class="cx" style="display: block; padding: 0 10px"> --subtle-background: #EAE9E7;
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -29,7 +29,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --text-light: #fff;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Accent colors: used in header, on special classes. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- --accent-1: #D8613C; /* Link color */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --accent-1: #C94C26; /* Link color */
</ins><span class="cx" style="display: block; padding: 0 10px"> --accent-2: #CFCABE; /* Accent background */
</span><span class="cx" style="display: block; padding: 0 10px"> --accent-3: #f0f0f1; /* hr background */
</span><span class="cx" style="display: block; padding: 0 10px"> --accent-4: #B1C5A4; /* Light green */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -538,28 +538,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: end;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: var(--gap) 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- min-height: 420px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: clamp(12.5rem, -1.25rem + 36.67vw, 26.25rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> color: var(--text-light);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: var(--background) url('../images/about-header-about.svg?ver=6.4') no-repeat;
- background-size: cover;
- background-position: center;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-image: url('../images/about-header-about.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
+ background-size: auto 70%, cover;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-repeat: no-repeat;
+ background-position: right 7% center, top left;
+ background-color: 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"> .credits-php .about__header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-image: url('../images/about-header-credits.svg?ver=6.4');
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-image: url('../images/about-header-credits.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
</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"> .freedoms-php .about__header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-image: url('../images/about-header-freedoms.svg?ver=6.4');
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-image: url('../images/about-header-freedoms.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
</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"> .privacy-php .about__header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-image: url('../images/about-header-privacy.svg?ver=6.4');
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-image: url('../images/about-header-privacy.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
</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"> .contribute-php .about__header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-image: url('../images/about-header-contribute.svg?ver=6.4');
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-image: url('../images/about-header-contribute.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
</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-image {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -568,8 +570,9 @@
</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">- margin: 0 calc(var(--gap) + 3rem);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 calc(var(--gap) + 2rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 55%;
</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 h1 {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -581,6 +584,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 600;
</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 .about__header-title h1,
</ins><span class="cx" style="display: block; padding: 0 10px"> .credits-php .about__header-title h1,
</span><span class="cx" style="display: block; padding: 0 10px"> .freedoms-php .about__header-title h1,
</span><span class="cx" style="display: block; padding: 0 10px"> .privacy-php .about__header-title h1,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -645,11 +649,8 @@
</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: 960px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .about__header-title h1 {
- /* Fluid font size scales on browser size 600px - 960px. */
- font-size: clamp(3rem, 13.33vw - 2rem, 6rem);
- }
</del><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 .about__header-title h1,
</ins><span class="cx" style="display: block; padding: 0 10px"> .credits-php .about__header-title h1,
</span><span class="cx" style="display: block; padding: 0 10px"> .freedoms-php .about__header-title h1,
</span><span class="cx" style="display: block; padding: 0 10px"> .privacy-php .about__header-title h1,
</span></span></pre></div>
<a id="trunksrcwpadminfreedomsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/freedoms.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/freedoms.php 2023-10-27 08:27:33 UTC (rev 57017)
+++ trunk/src/wp-admin/freedoms.php 2023-10-27 17:01:50 UTC (rev 57018)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25,7 +25,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="wrap about__container">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="about__header">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="about__header-title" style="max-width: 500px">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about__header-title">
</ins><span class="cx" style="display: block; padding: 0 10px"> <h1>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php _e( 'The Four Freedoms' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </h1>
</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 2023-10-27 08:27:33 UTC (rev 57017)
+++ trunk/src/wp-admin/images/about-header-about.svg 2023-10-27 17:01:50 UTC (rev 57018)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,20 +1,11 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<svg width="1000" height="420" viewBox="0 0 1000 420" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_928_4988)">
-<rect width="1000" height="420" rx="2" fill="#EAE9E7"/>
-<path d="M303.711 -552.516V149.852L795.846 -342.283L902.156 -234.778L407.632 259.746H1110V411.448H414.799L912.907 909.556L805.402 1017.06L303.711 515.37V1222.52H152.009V515.37L-352.071 1019.45L-459.577 913.139L42.1146 411.448H-665.031V259.746H48.0871L-450.021 -238.361L-342.515 -345.867L152.009 148.657V-552.516H303.711Z" fill="white" fill-opacity="0.35"/>
-<path d="M783 260C783 273.132 780.413 286.136 775.388 298.268C770.362 310.401 762.997 321.425 753.711 330.711C744.425 339.997 733.401 347.362 721.268 352.388C709.136 357.413 696.132 360 683 360L683 280C685.626 280 688.227 279.483 690.654 278.478C693.08 277.472 695.285 275.999 697.142 274.142C698.999 272.285 700.472 270.08 701.478 267.654C702.483 265.227 703 262.626 703 260H783Z" fill="#111111"/>
-<path d="M683 160C696.132 160 709.136 162.587 721.268 167.612C733.401 172.638 744.425 180.003 753.711 189.289C762.997 198.575 770.362 209.599 775.388 221.732C780.413 233.864 783 246.868 783 260L703 260C703 257.374 702.483 254.773 701.478 252.346C700.472 249.92 698.999 247.715 697.142 245.858C695.285 244.001 693.08 242.528 690.654 241.522C688.227 240.517 685.626 240 683 240V160Z" fill="#CFCABE"/>
-<path d="M683 360C669.868 360 656.864 357.413 644.732 352.388C632.599 347.362 621.575 339.996 612.289 330.711C603.003 321.425 595.637 310.401 590.612 298.268C585.587 286.136 583 273.132 583 260L663 260C663 262.626 663.517 265.227 664.522 267.654C665.527 270.08 667.001 272.285 668.858 274.142C670.715 275.999 672.92 277.472 675.346 278.478C677.773 279.483 680.374 280 683 280L683 360Z" fill="#D8613C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M753.4 60H653.4L583 260L663 260C663 248.954 671.954 240 683 240C685.329 240 687.564 240.398 689.642 241.129L753.4 60Z" fill="#B1C5A4"/>
-<rect x="829" y="160" width="100" height="100" fill="#636363"/>
-<rect x="829" y="260" width="100" height="100" fill="#B6BDBC"/>
-<path d="M799.4 60H899.4L829 260H729L799.4 60Z" fill="#D8613C"/>
-<circle cx="762" cy="333" r="27" fill="#C2A990"/>
-<path d="M763.621 319.886V330.569L771.107 323.084L772.724 324.719L765.202 332.241H775.886V334.549H765.311L772.888 342.125L771.252 343.761L763.621 336.129V346.886H761.314V336.129L753.646 343.797L752.011 342.18L759.642 334.549H748.886V332.241H759.733L752.156 324.664L753.792 323.029L761.314 330.551V319.886H763.621Z" fill="#111111"/>
-</g>
-<defs>
-<clipPath id="clip0_928_4988">
-<rect width="1000" height="420" rx="2" fill="white"/>
-</clipPath>
-</defs>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<svg xmlns="http://www.w3.org/2000/svg" width="346" height="300" fill="none" viewBox="0 0 346 300">
+ <path fill="#111" d="M200 200a100.006 100.006 0 0 1-61.732 92.388A100.006 100.006 0 0 1 100 300v-80a20.006 20.006 0 0 0 14.142-5.858A20.006 20.006 0 0 0 120 200h80Z"/>
+ <path fill="#CFCABE" d="M100 100a100.006 100.006 0 0 1 92.388 61.732A100.006 100.006 0 0 1 200 200h-80a20.006 20.006 0 0 0-5.858-14.142A20.006 20.006 0 0 0 100 180v-80Z"/>
+ <path fill="#D8613C" d="M100 300a100.01 100.01 0 0 1-70.71-29.289A100 100 0 0 1 0 200h80a20.005 20.005 0 0 0 12.346 18.478A20.002 20.002 0 0 0 100 220v80Z"/>
+ <path fill="#B1C5A4" fill-rule="evenodd" d="M170.4 0h-100L0 200h80c0-11.046 8.954-20 20-20 2.329 0 4.564.398 6.642 1.129L170.4 0Z" clip-rule="evenodd"/>
+ <path fill="#636363" d="M246 100h100v100H246z"/>
+ <path fill="#B6BDBC" d="M246 200h100v100H246z"/>
+ <path fill="#D8613C" d="M216.4 0h100L246 200H146L216.4 0Z"/>
+ <circle cx="179" cy="273" r="27" fill="#C2A990"/>
+ <path fill="#111" d="M180.621 259.886v10.683l7.486-7.485 1.617 1.635-7.522 7.522h10.684v2.308h-10.575l7.577 7.576-1.636 1.636-7.631-7.632v10.757h-2.307v-10.757l-7.668 7.668-1.635-1.617 7.631-7.631h-10.756v-2.308h10.847l-7.577-7.577 1.636-1.635 7.522 7.522v-10.665h2.307Z"/>
</ins><span class="cx" style="display: block; padding: 0 10px"> </svg>
</span></span></pre></div>
<a id="trunksrcwpadminimagesaboutheaderbackgroundsvg"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-admin/images/about-header-background.svg</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/images/about-header-background.svg (rev 0)
+++ trunk/src/wp-admin/images/about-header-background.svg 2023-10-27 17:01:50 UTC (rev 57018)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,11 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="420" fill="none" viewBox="0 0 1000 420">
+ <g clip-path="url(#a)">
+ <rect width="1000" height="420" fill="#EAE9E7" rx="2"/>
+ <path fill="#fff" fill-opacity=".35" d="M303.711-552.516v702.368l492.135-492.135 106.31 107.505-494.524 494.524H1110v151.702H414.799l498.108 498.108-107.505 107.504-501.691-501.69v707.15H152.009V515.37l-504.08 504.08-107.506-106.311L42.115 411.448h-707.146V259.746H48.087L-450.02-238.361l107.506-107.506L152.01 148.657v-701.173h151.702Z"/>
+ </g>
+ <defs>
+ <clipPath id="a">
+ <rect width="1000" height="420" fill="#fff" rx="2"/>
+ </clipPath>
+ </defs>
+</svg>
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-admin/images/about-header-background.svg
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpadminimagesaboutheadercontributesvg"></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-contribute.svg</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/images/about-header-contribute.svg 2023-10-27 08:27:33 UTC (rev 57017)
+++ trunk/src/wp-admin/images/about-header-contribute.svg 2023-10-27 17:01:50 UTC (rev 57018)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,20 +1,11 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<svg width="1000" height="420" viewBox="0 0 1000 420" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_945_5606)">
-<rect width="1000" height="420" fill="#EAE9E7"/>
-<path d="M303.711 -552.516V149.852L795.846 -342.283L902.156 -234.778L407.632 259.746H1110V411.448H414.799L912.907 909.556L805.402 1017.06L303.711 515.37V1222.52H152.009V515.37L-352.071 1019.45L-459.577 913.139L42.1146 411.448H-665.031V259.746H48.0871L-450.021 -238.361L-342.515 -345.867L152.009 148.657V-552.516H303.711Z" fill="white" fill-opacity="0.35"/>
-<path d="M783 260C783 273.132 780.413 286.136 775.388 298.268C770.362 310.401 762.997 321.425 753.711 330.711C744.425 339.997 733.401 347.362 721.268 352.388C709.136 357.413 696.132 360 683 360L683 280C685.626 280 688.227 279.483 690.654 278.478C693.08 277.472 695.285 275.999 697.142 274.142C698.999 272.285 700.472 270.08 701.478 267.654C702.483 265.227 703 262.626 703 260H783Z" fill="#D8613C"/>
-<path d="M683 160C696.132 160 709.136 162.587 721.268 167.612C733.401 172.638 744.425 180.003 753.711 189.289C762.997 198.575 770.362 209.599 775.388 221.732C780.413 233.864 783 246.868 783 260L703 260C703 257.374 702.483 254.773 701.478 252.346C700.472 249.92 698.999 247.715 697.142 245.858C695.285 244.001 693.08 242.528 690.654 241.522C688.227 240.517 685.626 240 683 240V160Z" fill="#C2A990"/>
-<path d="M683 360C669.868 360 656.864 357.413 644.732 352.388C632.599 347.362 621.575 339.996 612.289 330.711C603.003 321.425 595.637 310.401 590.612 298.268C585.587 286.136 583 273.132 583 260L663 260C663 262.626 663.517 265.227 664.522 267.654C665.527 270.08 667.001 272.285 668.858 274.142C670.715 275.999 672.92 277.472 675.346 278.478C677.773 279.483 680.374 280 683 280L683 360Z" fill="#636363"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M753.4 60H653.4L583 260L663 260C663 248.954 671.954 240 683 240C685.329 240 687.564 240.398 689.642 241.129L753.4 60Z" fill="#B6BDBC"/>
-<rect x="829" y="160" width="100" height="100" fill="#D8613C"/>
-<rect x="829" y="260" width="100" height="100" fill="#B1C5A4"/>
-<path d="M799.4 60H899.4L829 260H729L799.4 60Z" fill="#111111"/>
-<circle cx="762" cy="333" r="27" fill="white"/>
-<path d="M763.621 319.886V330.569L771.107 323.084L772.724 324.719L765.202 332.241H775.886V334.549H765.311L772.888 342.125L771.252 343.761L763.621 336.129V346.886H761.314V336.129L753.646 343.797L752.011 342.18L759.642 334.549H748.886V332.241H759.733L752.156 324.664L753.792 323.029L761.314 330.551V319.886H763.621Z" fill="#111111"/>
-</g>
-<defs>
-<clipPath id="clip0_945_5606">
-<rect width="1000" height="420" fill="white"/>
-</clipPath>
-</defs>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<svg xmlns="http://www.w3.org/2000/svg" width="346" height="300" fill="none" viewBox="0 0 346 300">
+ <path fill="#D8613C" d="M200 200a100.006 100.006 0 0 1-61.732 92.388A100.006 100.006 0 0 1 100 300v-80a20.006 20.006 0 0 0 14.142-5.858A20.006 20.006 0 0 0 120 200h80Z"/>
+ <path fill="#C2A990" d="M100 100a100.006 100.006 0 0 1 92.388 61.732A100.006 100.006 0 0 1 200 200h-80a20.006 20.006 0 0 0-5.858-14.142A20.006 20.006 0 0 0 100 180v-80Z"/>
+ <path fill="#636363" d="M100 300a100.01 100.01 0 0 1-70.71-29.289A100 100 0 0 1 0 200h80a20.005 20.005 0 0 0 12.346 18.478A20.002 20.002 0 0 0 100 220v80Z"/>
+ <path fill="#B6BDBC" fill-rule="evenodd" d="M170.4 0h-100L0 200h80c0-11.046 8.954-20 20-20 2.329 0 4.564.398 6.642 1.129L170.4 0Z" clip-rule="evenodd"/>
+ <path fill="#D8613C" d="M246 100h100v100H246z"/>
+ <path fill="#B1C5A4" d="M246 200h100v100H246z"/>
+ <path fill="#111" d="M216.4 0h100L246 200H146L216.4 0Z"/>
+ <circle cx="179" cy="273" r="27" fill="#fff"/>
+ <path fill="#111" d="M180.621 259.886v10.683l7.486-7.485 1.617 1.635-7.522 7.522h10.684v2.308h-10.575l7.577 7.576-1.636 1.636-7.631-7.632v10.757h-2.307v-10.757l-7.668 7.668-1.635-1.617 7.631-7.631h-10.756v-2.308h10.847l-7.577-7.577 1.636-1.635 7.522 7.522v-10.665h2.307Z"/>
</ins><span class="cx" style="display: block; padding: 0 10px"> </svg>
</span></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 2023-10-27 08:27:33 UTC (rev 57017)
+++ trunk/src/wp-admin/images/about-header-credits.svg 2023-10-27 17:01:50 UTC (rev 57018)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,20 +1,11 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<svg width="1000" height="420" viewBox="0 0 1000 420" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_945_5546)">
-<rect width="1000" height="420" fill="#EAE9E7"/>
-<path d="M303.711 -552.516V149.852L795.846 -342.283L902.156 -234.778L407.632 259.746H1110V411.448H414.799L912.907 909.556L805.402 1017.06L303.711 515.37V1222.52H152.009V515.37L-352.071 1019.45L-459.577 913.139L42.1146 411.448H-665.031V259.746H48.0871L-450.021 -238.361L-342.515 -345.867L152.009 148.657V-552.516H303.711Z" fill="white" fill-opacity="0.35"/>
-<path d="M783 260C783 273.132 780.413 286.136 775.388 298.268C770.362 310.401 762.997 321.425 753.711 330.711C744.425 339.997 733.401 347.362 721.268 352.388C709.136 357.413 696.132 360 683 360L683 280C685.626 280 688.227 279.483 690.654 278.478C693.08 277.472 695.285 275.999 697.142 274.142C698.999 272.285 700.472 270.08 701.478 267.654C702.483 265.227 703 262.626 703 260H783Z" fill="#C2A990"/>
-<path d="M683 160C696.132 160 709.136 162.587 721.268 167.612C733.401 172.638 744.425 180.003 753.711 189.289C762.997 198.575 770.362 209.599 775.388 221.732C780.413 233.864 783 246.868 783 260L703 260C703 257.374 702.483 254.773 701.478 252.346C700.472 249.92 698.999 247.715 697.142 245.858C695.285 244.001 693.08 242.528 690.654 241.522C688.227 240.517 685.626 240 683 240V160Z" fill="#B1C5A4"/>
-<path d="M683 360C669.868 360 656.864 357.413 644.732 352.388C632.599 347.362 621.575 339.996 612.289 330.711C603.003 321.425 595.637 310.401 590.612 298.268C585.587 286.136 583 273.132 583 260L663 260C663 262.626 663.517 265.227 664.522 267.654C665.527 270.08 667.001 272.285 668.858 274.142C670.715 275.999 672.92 277.472 675.346 278.478C677.773 279.483 680.374 280 683 280L683 360Z" fill="#111111"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M753.4 60H653.4L583 260L663 260C663 248.954 671.954 240 683 240C685.329 240 687.564 240.398 689.642 241.129L753.4 60Z" fill="#D8613C"/>
-<rect x="829" y="160" width="100" height="100" fill="#111111"/>
-<rect x="829" y="260" width="100" height="100" fill="#B6BDBC"/>
-<path d="M799.4 60H899.4L829 260H729L799.4 60Z" fill="#CFCABE"/>
-<circle cx="762" cy="333" r="27" fill="white"/>
-<path d="M763.621 319.886V330.569L771.107 323.084L772.724 324.719L765.202 332.241H775.886V334.549H765.311L772.888 342.125L771.252 343.761L763.621 336.129V346.886H761.314V336.129L753.646 343.797L752.011 342.18L759.642 334.549H748.886V332.241H759.733L752.156 324.664L753.792 323.029L761.314 330.551V319.886H763.621Z" fill="#111111"/>
-</g>
-<defs>
-<clipPath id="clip0_945_5546">
-<rect width="1000" height="420" fill="white"/>
-</clipPath>
-</defs>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<svg xmlns="http://www.w3.org/2000/svg" width="346" height="300" fill="none" viewBox="0 0 346 300">
+ <path fill="#C2A990" d="M200 200a100.006 100.006 0 0 1-61.732 92.388A100.006 100.006 0 0 1 100 300v-80a20.006 20.006 0 0 0 14.142-5.858A20.006 20.006 0 0 0 120 200h80Z"/>
+ <path fill="#B1C5A4" d="M100 100a100.006 100.006 0 0 1 92.388 61.732A100.006 100.006 0 0 1 200 200h-80a20.006 20.006 0 0 0-5.858-14.142A20.006 20.006 0 0 0 100 180v-80Z"/>
+ <path fill="#111" d="M100 300a100.01 100.01 0 0 1-70.71-29.289A100 100 0 0 1 0 200h80a20.005 20.005 0 0 0 12.346 18.478A20.002 20.002 0 0 0 100 220v80Z"/>
+ <path fill="#D8613C" fill-rule="evenodd" d="M170.4 0h-100L0 200h80c0-11.046 8.954-20 20-20 2.329 0 4.564.398 6.642 1.129L170.4 0Z" clip-rule="evenodd"/>
+ <path fill="#111" d="M246 100h100v100H246z"/>
+ <path fill="#B6BDBC" d="M246 200h100v100H246z"/>
+ <path fill="#CFCABE" d="M216.4 0h100L246 200H146L216.4 0Z"/>
+ <circle cx="179" cy="273" r="27" fill="#fff"/>
+ <path fill="#111" d="M180.621 259.886v10.683l7.486-7.485 1.617 1.635-7.522 7.522h10.684v2.308h-10.575l7.577 7.576-1.636 1.636-7.631-7.632v10.757h-2.307v-10.757l-7.668 7.668-1.635-1.617 7.631-7.631h-10.756v-2.308h10.847l-7.577-7.577 1.635-1.635 7.523 7.522v-10.665h2.307Z"/>
</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 2023-10-27 08:27:33 UTC (rev 57017)
+++ trunk/src/wp-admin/images/about-header-freedoms.svg 2023-10-27 17:01:50 UTC (rev 57018)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,20 +1,11 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<svg width="1000" height="420" viewBox="0 0 1000 420" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_945_5566)">
-<rect width="1000" height="420" fill="#EAE9E7"/>
-<path d="M303.711 -552.516V149.852L795.846 -342.283L902.156 -234.778L407.632 259.746H1110V411.448H414.799L912.907 909.556L805.402 1017.06L303.711 515.37V1222.52H152.009V515.37L-352.071 1019.45L-459.577 913.139L42.1146 411.448H-665.031V259.746H48.0871L-450.021 -238.361L-342.515 -345.867L152.009 148.657V-552.516H303.711Z" fill="white" fill-opacity="0.35"/>
-<path d="M783 260C783 273.132 780.413 286.136 775.388 298.268C770.362 310.401 762.997 321.425 753.711 330.711C744.425 339.997 733.401 347.362 721.268 352.388C709.136 357.413 696.132 360 683 360L683 280C685.626 280 688.227 279.483 690.654 278.478C693.08 277.472 695.285 275.999 697.142 274.142C698.999 272.285 700.472 270.08 701.478 267.654C702.483 265.227 703 262.626 703 260H783Z" fill="#B6BDBC"/>
-<path d="M683 160C696.132 160 709.136 162.587 721.268 167.612C733.401 172.638 744.425 180.003 753.711 189.289C762.997 198.575 770.362 209.599 775.388 221.732C780.413 233.864 783 246.868 783 260L703 260C703 257.374 702.483 254.773 701.478 252.346C700.472 249.92 698.999 247.715 697.142 245.858C695.285 244.001 693.08 242.528 690.654 241.522C688.227 240.517 685.626 240 683 240V160Z" fill="#D8613C"/>
-<path d="M683 360C669.868 360 656.864 357.413 644.732 352.388C632.599 347.362 621.575 339.996 612.289 330.711C603.003 321.425 595.637 310.401 590.612 298.268C585.587 286.136 583 273.132 583 260L663 260C663 262.626 663.517 265.227 664.522 267.654C665.527 270.08 667.001 272.285 668.858 274.142C670.715 275.999 672.92 277.472 675.346 278.478C677.773 279.483 680.374 280 683 280L683 360Z" fill="#C2A990"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M753.4 60H653.4L583 260L663 260C663 248.954 671.954 240 683 240C685.329 240 687.564 240.398 689.642 241.129L753.4 60Z" fill="#111111"/>
-<rect x="829" y="160" width="100" height="100" fill="#CFCABE"/>
-<rect x="829" y="260" width="100" height="100" fill="#D8613C"/>
-<path d="M799.4 60H899.4L829 260H729L799.4 60Z" fill="#B1C5A4"/>
-<circle cx="762" cy="333" r="27" fill="#F9F9F9"/>
-<path d="M763.621 319.886V330.569L771.107 323.084L772.724 324.719L765.202 332.241H775.886V334.549H765.311L772.888 342.125L771.252 343.761L763.621 336.129V346.886H761.314V336.129L753.646 343.797L752.011 342.18L759.642 334.549H748.886V332.241H759.733L752.156 324.664L753.792 323.029L761.314 330.551V319.886H763.621Z" fill="#111111"/>
-</g>
-<defs>
-<clipPath id="clip0_945_5566">
-<rect width="1000" height="420" fill="white"/>
-</clipPath>
-</defs>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<svg xmlns="http://www.w3.org/2000/svg" width="346" height="300" fill="none" viewBox="0 0 346 300">
+ <path fill="#B6BDBC" d="M200 200a100.006 100.006 0 0 1-61.732 92.388A100.006 100.006 0 0 1 100 300v-80a20.006 20.006 0 0 0 14.142-5.858A20.006 20.006 0 0 0 120 200h80Z"/>
+ <path fill="#D8613C" d="M100 100a100.006 100.006 0 0 1 92.388 61.732A100.006 100.006 0 0 1 200 200h-80a20.006 20.006 0 0 0-5.858-14.142A20.006 20.006 0 0 0 100 180v-80Z"/>
+ <path fill="#C2A990" d="M100 300a100.01 100.01 0 0 1-70.71-29.289A100 100 0 0 1 0 200h80a20.005 20.005 0 0 0 12.346 18.478A20.002 20.002 0 0 0 100 220v80Z"/>
+ <path fill="#111" fill-rule="evenodd" d="M170.4 0h-100L0 200h80c0-11.046 8.954-20 20-20 2.329 0 4.564.398 6.642 1.129L170.4 0Z" clip-rule="evenodd"/>
+ <path fill="#CFCABE" d="M246 100h100v100H246z"/>
+ <path fill="#D8613C" d="M246 200h100v100H246z"/>
+ <path fill="#B1C5A4" d="M216.4 0h100L246 200H146L216.4 0Z"/>
+ <circle cx="179" cy="273" r="27" fill="#F9F9F9"/>
+ <path fill="#111" d="M180.621 259.886v10.683l7.486-7.485 1.617 1.635-7.522 7.522h10.684v2.308h-10.575l7.577 7.576-1.636 1.636-7.631-7.632v10.757h-2.307v-10.757l-7.668 7.668-1.635-1.617 7.631-7.631h-10.756v-2.308h10.847l-7.577-7.577 1.635-1.635 7.523 7.522v-10.665h2.307Z"/>
</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 2023-10-27 08:27:33 UTC (rev 57017)
+++ trunk/src/wp-admin/images/about-header-privacy.svg 2023-10-27 17:01:50 UTC (rev 57018)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,20 +1,11 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<svg width="1000" height="420" viewBox="0 0 1000 420" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_945_5586)">
-<rect width="1000" height="420" fill="#EAE9E7"/>
-<path d="M303.711 -552.516V149.852L795.846 -342.283L902.156 -234.778L407.632 259.746H1110V411.448H414.799L912.907 909.556L805.402 1017.06L303.711 515.37V1222.52H152.009V515.37L-352.071 1019.45L-459.577 913.139L42.1146 411.448H-665.031V259.746H48.0871L-450.021 -238.361L-342.515 -345.867L152.009 148.657V-552.516H303.711Z" fill="white" fill-opacity="0.35"/>
-<path d="M783 260C783 273.132 780.413 286.136 775.388 298.268C770.362 310.401 762.997 321.425 753.711 330.711C744.425 339.997 733.401 347.362 721.268 352.388C709.136 357.413 696.132 360 683 360L683 280C685.626 280 688.227 279.483 690.654 278.478C693.08 277.472 695.285 275.999 697.142 274.142C698.999 272.285 700.472 270.08 701.478 267.654C702.483 265.227 703 262.626 703 260H783Z" fill="#636363"/>
-<path d="M683 160C696.132 160 709.136 162.587 721.268 167.612C733.401 172.638 744.425 180.003 753.711 189.289C762.997 198.575 770.362 209.599 775.388 221.732C780.413 233.864 783 246.868 783 260L703 260C703 257.374 702.483 254.773 701.478 252.346C700.472 249.92 698.999 247.715 697.142 245.858C695.285 244.001 693.08 242.528 690.654 241.522C688.227 240.517 685.626 240 683 240V160Z" fill="#111111"/>
-<path d="M683 360C669.868 360 656.864 357.413 644.732 352.388C632.599 347.362 621.575 339.996 612.289 330.711C603.003 321.425 595.637 310.401 590.612 298.268C585.587 286.136 583 273.132 583 260L663 260C663 262.626 663.517 265.227 664.522 267.654C665.527 270.08 667.001 272.285 668.858 274.142C670.715 275.999 672.92 277.472 675.346 278.478C677.773 279.483 680.374 280 683 280L683 360Z" fill="#D8613C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M753.4 60H653.4L583 260L663 260C663 248.954 671.954 240 683 240C685.329 240 687.564 240.398 689.642 241.129L753.4 60Z" fill="#C2A990"/>
-<rect x="829" y="160" width="100" height="100" fill="#B1C5A4"/>
-<rect x="829" y="260" width="100" height="100" fill="#111111"/>
-<path d="M799.4 60H899.4L829 260H729L799.4 60Z" fill="#B6BDBC"/>
-<circle cx="762" cy="333" r="27" fill="#F9F9F9"/>
-<path d="M763.621 319.886V330.569L771.107 323.084L772.724 324.719L765.202 332.241H775.886V334.549H765.311L772.888 342.125L771.252 343.761L763.621 336.129V346.886H761.314V336.129L753.646 343.797L752.011 342.18L759.642 334.549H748.886V332.241H759.733L752.156 324.664L753.792 323.029L761.314 330.551V319.886H763.621Z" fill="#111111"/>
-</g>
-<defs>
-<clipPath id="clip0_945_5586">
-<rect width="1000" height="420" fill="white"/>
-</clipPath>
-</defs>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<svg xmlns="http://www.w3.org/2000/svg" width="346" height="300" fill="none" viewBox="0 0 346 300">
+ <path fill="#636363" d="M200 200a100.006 100.006 0 0 1-61.732 92.388A100.006 100.006 0 0 1 100 300v-80a20.006 20.006 0 0 0 14.142-5.858A20.006 20.006 0 0 0 120 200h80Z"/>
+ <path fill="#111" d="M100 100a100.006 100.006 0 0 1 92.388 61.732A100.006 100.006 0 0 1 200 200h-80a20.006 20.006 0 0 0-5.858-14.142A20.006 20.006 0 0 0 100 180v-80Z"/>
+ <path fill="#D8613C" d="M100 300a100.01 100.01 0 0 1-70.71-29.289A100 100 0 0 1 0 200h80a20.005 20.005 0 0 0 12.346 18.478A20.002 20.002 0 0 0 100 220v80Z"/>
+ <path fill="#C2A990" fill-rule="evenodd" d="M170.4 0h-100L0 200h80c0-11.046 8.954-20 20-20 2.329 0 4.564.398 6.642 1.129L170.4 0Z" clip-rule="evenodd"/>
+ <path fill="#B1C5A4" d="M246 100h100v100H246z"/>
+ <path fill="#111" d="M246 200h100v100H246z"/>
+ <path fill="#B6BDBC" d="M216.4 0h100L246 200H146L216.4 0Z"/>
+ <circle cx="179" cy="273" r="27" fill="#F9F9F9"/>
+ <path fill="#111" d="M180.621 259.886v10.683l7.486-7.485 1.617 1.635-7.522 7.522h10.684v2.308h-10.575l7.577 7.576-1.636 1.636-7.631-7.632v10.757h-2.307v-10.757l-7.668 7.668-1.635-1.617 7.631-7.631h-10.756v-2.308h10.847l-7.577-7.577 1.636-1.635 7.522 7.522v-10.665h2.307Z"/>
</ins><span class="cx" style="display: block; padding: 0 10px"> </svg>
</span></span></pre>
</div>
</div>
</body>
</html>