Changeset 53339
- Timestamp:
- 05/03/2022 04:26:53 PM (2 years ago)
- Location:
- trunk/src/wp-admin
- Files:
-
- 6 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-admin/about.php
r52784 r53339 28 28 </div> 29 29 30 <div class="about__header-text"> 31 <?php _e( 'Build the site you’ve always wanted — with blocks' ); ?> 32 </div> 30 <div class="about__header-text"></div> 33 31 34 32 <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>"> … … 40 38 </div> 41 39 40 <hr /> 41 42 <div class="about__section"> 43 <div class="column"> 44 <h2 class="aligncenter"> 45 <?php 46 printf( 47 /* translators: %s: Version number. */ 48 __( 'Welcome to WordPress %s' ), 49 $display_version 50 ); 51 ?> 52 </h2> 53 <p class="is-subheading"> 54 <?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.' ); ?> 55 </p> 56 </div> 57 </div> 58 59 <hr /> 60 61 <div class="about__section has-2-columns"> 62 <div class="column about__image is-vertically-aligned-center"> 63 <img src="https://make.wordpress.org/core/files/2022/05/about-60-writing-improvements.png" alt="" /> 64 </div> 65 <div class="column"> 66 <h3> 67 <?php _e( 'Enhanced Writing Experience' ); ?> 68 </h3> 69 <p> 70 <?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:' ); ?> 71 </p> 72 <ul> 73 <li><?php _e( 'Select text across multiple blocks and edit it all at once.' ); ?></li> 74 <li><?php _e( 'Type two open brackets <code>[[</code> to quickly access the link menu.' ); ?></li> 75 <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> 76 <li><?php _e( 'Create customized buttons and any new buttons you make will retain the style customizations automatically.' ); ?></li> 77 <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> 78 </ul> 79 </div> 80 </div> 81 82 <div class="about__section has-2-columns is-wider-right"> 83 <div class="column"> 84 <h3> 85 <?php _e( 'Style Switching' ); ?> 86 </h3> 87 <p> 88 <?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.' ); ?> 89 </p> 90 </div> 91 <div class="column about__image is-vertically-aligned-center"> 92 <img src="https://make.wordpress.org/core/files/2022/05/about-60-style-switcher.gif" alt="" /> 93 </div> 94 </div> 95 96 <div class="about__section has-1-column"> 97 <div class="column about__image is-vertically-aligned-center"> 98 <img src="https://make.wordpress.org/core/files/2022/05/about-60-templates.png" alt="" /> 99 </div> 100 <div class="column"> 101 <h3> 102 <?php _e( 'More Template Choices' ); ?> 103 </h3> 104 <p> 105 <?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.' ); ?> 106 </p> 107 </div> 108 </div> 109 110 <div class="about__section has-3-columns"> 111 <div class="column"> 112 <div class="about__image"> 113 <img src="https://make.wordpress.org/core/files/2022/05/about-60-sub-feature-1.png" alt="" /> 114 </div> 115 <p><?php _e( 'Featured images can be used in the cover block.' ); ?></p> 116 <p><?php _e( 'New featured image sizing controls make it easier to get the results you want.' ); ?></p> 117 </div> 118 <div class="column"> 119 <div class="about__image"> 120 <img src="https://make.wordpress.org/core/files/2022/05/about-60-sub-feature-2.png" alt="" /> 121 </div> 122 <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> 123 </div> 124 <div class="column"> 125 <div class="about__image"> 126 <img src="https://make.wordpress.org/core/files/2022/05/about-60-sub-feature-3.png" alt="" /> 127 </div> 128 <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> 129 </div> 130 </div> 131 132 <div class="about__section has-2-columns is-wider-left"> 133 <div class="column about__image is-vertically-aligned-center"> 134 <img src="https://make.wordpress.org/core/files/2022/05/about-60-integrated-patterns.png" alt="" /> 135 </div> 136 <div class="column"> 137 <h3> 138 <?php _e( 'Integrated Patterns' ); ?> 139 </h3> 140 <p> 141 <?php 142 printf( 143 /* translators: %s Working with Patterns dev note link. */ 144 __( '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.' ), 145 'https://make.wordpress.org/core/2022/05/02/new-features-for-working-with-patterns-and-themes-in-wordpress-6-0/' 146 ); 147 ?> 148 </p> 149 </div> 150 </div> 151 152 <div class="about__section has-2-columns is-wider-right"> 153 <div class="column"> 154 <h3> 155 <?php _e( 'Better List View' ); ?> 156 </h3> 157 <p> 158 <?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.' ); ?> 159 </p> 160 </div> 161 <div class="column about__image is-vertically-aligned-center"> 162 <img src="https://make.wordpress.org/core/files/2022/05/about-60-list-view.png" alt="" /> 163 </div> 164 </div> 165 166 <div class="about__section has-2-columns is-wider-left"> 167 <div class="column about__image is-vertically-aligned-center"> 168 <img src="https://make.wordpress.org/core/files/2022/05/about-60-block-locking-controls.png" alt="" /> 169 </div> 170 <div class="column"> 171 <h3> 172 <?php _e( 'Block Locking Controls' ); ?> 173 </h3> 174 <p> 175 <?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.' ); ?> 176 </p> 177 </div> 178 </div> 179 180 <div class="about__section" style="margin-bottom:0;"> 181 <div class="column"> 182 <h2 class="aligncenter"> 183 <?php _e( 'Additional Design Tools' ); ?> 184 </h2> 185 <p class="is-subheading aligncenter"> 186 <?php _e( 'Design tools grow more powerful and intuitive with each release.' ); ?><br /> 187 <?php _e( 'Some highlights for 6.0 include:' ); ?> 188 </p> 189 </div> 190 </div> 191 192 <div class="about__section has-3-columns" style="margin-bottom:0;"> 193 <div class="column"> 194 <div class="about__image aligncenter"> 195 <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 196 <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"/> 197 </svg> 198 </div> 199 <p><?php _e( 'A new color panel design saves space, but still shows your options at a glance.' ); ?></p> 200 </div> 201 <div class="column"> 202 <div class="about__image aligncenter"> 203 <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 204 <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"/> 205 </svg> 206 </div> 207 <p><?php _e( 'New border controls offer a simpler way to set your border exactly as you like it.' ); ?></p> 208 </div> 209 <div class="column"> 210 <div class="about__image aligncenter"> 211 <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"> 212 <circle cx="20.5" cy="20" r="12" fill="#fff"/> 213 <circle cx="20.5" cy="20" r="12" fill="url(#a)"/> 214 <circle cx="20.5" cy="20" r="12" stroke="#1E1E1E" stroke-width="2"/> 215 <defs> 216 <pattern id="a" patternContentUnits="objectBoundingBox" width=".385" height=".385"> 217 <use xlink:href="#b" transform="scale(.01923)"/> 218 </pattern> 219 <image id="b" width="20" height="20" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAfUlEQVQ4Ee2TSw6AMAhES4/C/a/EWTAuptFJR4m6MFE25dO88ikWEdkmkpnNzEbE3Yd+pHQV3MLUnZlfAmeXK74vAtdpPin96jRVEu8fimWxiRGx2xwuGZtVLvms14iXgZyRsn+g6oz28ye53UNMF0+WgZwJAHyWgZwJg2AvIbMZwqZwPC4AAAAASUVORK5CYII="/> 220 </defs> 221 </svg> 222 </div> 223 <p><?php _e( 'Transparency levels for your colors allow for even more creative color options.' ); ?></p> 224 </div> 225 </div> 226 227 <div class="about__section has-3-columns"> 228 <div class="column"> 229 <div class="about__image aligncenter"> 230 <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 231 <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"/> 232 </svg> 233 </div> 234 <p><?php _e( 'Control gaps, margins, typography, and more on a collection of blocks, all at once, in the Group block.' ); ?></p> 235 </div> 236 <div class="column"> 237 <div class="about__image aligncenter"> 238 <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 239 <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"/> 240 </svg> 241 </div> 242 <p><?php _e( 'Switch between stack, row, and group variations to position groups of blocks with more layout flexibility.' ); ?></p> 243 </div> 244 <div class="column"> 245 <div class="about__image aligncenter"> 246 <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 247 <path d="M28.5 10.667v14.667A2.665 2.665 0 0 1 25.835 28H8.5" stroke="#1E1E1E" stroke-width="2"/> 248 <rect x="5.5" y="5" width="18" height="18" rx="1.167" stroke="#1E1E1E" stroke-width="2"/> 249 <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"/> 250 </svg> 251 </div> 252 <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> 253 </div> 254 </div> 255 42 256 <hr class="is-large" /> 43 257 44 <div class="about__section"> 45 <h2 class="aligncenter"> 46 <?php _e( 'Full Site Editing is here' ); ?> 47 </h2> 48 <p class="aligncenter is-subheading"> 49 <?php _e( 'It puts you in control of your whole site, right in the WordPress Admin.' ); ?> 50 </p> 51 </div> 52 53 <hr /> 54 55 <div class="about__section has-2-columns has-gutters is-wider-left"> 56 <div class="column about__image is-vertically-aligned-center is-edge-to-edge"> 57 <img src="https://s.w.org/images/core/5.9/twenty-twenty-two.png" alt="" /> 58 </div> 59 <div class="column is-edge-to-edge"> 60 <h3> 61 <?php _e( 'Say hello to Twenty Twenty‑Two' ); ?> 62 </h3> 63 <p> 64 <?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.' ); ?> 65 </p> 66 <p> 67 <?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.' ); ?> 68 </p> 69 <?php if ( current_user_can( 'switch_themes' ) ) : ?> 70 <p> 71 <?php 72 printf( 73 /* translators: %s: Link to Themes screen. */ 74 __( '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>.' ), 75 admin_url( 'themes.php' ) 76 ); 77 ?> 78 </p> 79 <?php endif; ?> 80 </div> 81 </div> 82 83 <div class="about__section has-2-columns has-gutters is-wider-right"> 84 <div class="column is-edge-to-edge"> 85 <h3> 86 <?php _e( 'Your personal paintbox awaits' ); ?> 87 </h3> 88 <p> 89 <?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!' ); ?> 90 </p> 91 <p> 92 <?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.' ); ?> 93 </p> 94 </div> 95 <div class="column about__image is-vertically-aligned-center is-edge-to-edge"> 96 <img src="https://s.w.org/images/core/5.9/global-styles.png" alt="" /> 97 </div> 98 </div> 99 100 <div class="about__section has-2-columns has-gutters is-wider-left"> 101 <div class="column about__image is-vertically-aligned-center is-edge-to-edge"> 102 <img src="https://s.w.org/images/core/5.9/navigation-block.png" alt="" /> 103 </div> 104 <div class="column is-edge-to-edge"> 105 <h3> 106 <?php _e( 'The Navigation block' ); ?> 107 </h3> 108 <p> 109 <?php _e( 'Blocks come to site navigation, the heart of user experience.' ); ?> 110 </p> 111 <p> 112 <?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.' ); ?> 113 </p> 114 </div> 115 </div> 116 117 <hr class="is-large" /> 118 119 <div class="about__section"> 120 <h2 class="aligncenter"> 121 <?php _e( 'More improvements and updates' ); ?> 122 </h2> 123 <p class="aligncenter is-subheading"> 124 <?php _e( 'Do you love to blog or produce content? New tweaks to the publishing flow help you say more, faster.' ); ?> 125 </p> 126 </div> 127 128 <hr /> 129 130 <div class="about__section has-2-columns has-gutters is-wider-left"> 131 <div class="column about__image is-vertically-aligned-center is-edge-to-edge"> 132 <img src="https://s.w.org/images/core/5.9/block-controls.png" alt="" /> 133 </div> 134 <div class="column is-edge-to-edge"> 135 <h3> 136 <?php _e( 'Better block controls' ); ?> 137 </h3> 138 <p> 139 <?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.' ); ?> 140 </p> 141 </div> 142 </div> 143 144 <div class="about__section has-2-columns has-gutters is-wider-right"> 145 <div class="column is-edge-to-edge"> 146 <h3> 147 <?php _e( 'The power of patterns' ); ?> 148 </h3> 149 <p> 150 <?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.' ); ?> 151 </p> 152 <p> 153 <?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.' ); ?> 154 </p> 155 </div> 156 <div class="column about__image is-vertically-aligned-center is-edge-to-edge"> 157 <img src="https://s.w.org/images/core/5.9/pattern-explorer.png" alt="" /> 158 </div> 159 </div> 160 161 <div class="about__section has-2-columns has-gutters is-wider-left"> 162 <div class="column about__image is-vertically-aligned-center is-edge-to-edge"> 163 <img src="https://s.w.org/images/core/5.9/list-view.png" alt="" /> 164 </div> 165 <div class="column is-edge-to-edge"> 166 <h3> 167 <?php _e( 'A revamped List View' ); ?> 168 </h3> 169 <p> 170 <?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.' ); ?> 171 </p> 172 </div> 173 </div> 174 175 <div class="about__section has-2-columns has-gutters is-wider-right"> 176 <div class="column is-edge-to-edge"> 177 <h3> 178 <?php _e( 'A better Gallery block' ); ?> 179 </h3> 180 <p> 181 <?php _e( 'Treat every image in a Gallery block the same way you would treat it in the Image block.' ); ?> 182 </p> 183 <p> 184 <?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.' ); ?> 185 </p> 186 </div> 187 <div class="column about__image is-vertically-aligned-center is-edge-to-edge"> 188 <img src="https://s.w.org/images/core/5.9/gallery-block.png" alt="" /> 189 </div> 190 </div> 191 192 <hr class="is-large" /> 193 194 <div class="about__section"> 195 <h2 class="aligncenter" style="margin-bottom:0;"> 196 <?php 197 printf( 198 /* translators: %s: Version number. */ 199 __( 'WordPress %s for developers' ), 200 $display_version 201 ); 202 ?> 203 </h2> 204 </div> 205 206 <div class="about__section has-gutters has-2-columns"> 207 <div class="column is-edge-to-edge"> 208 <h3> 209 <?php _e( 'Introducing block themes' ); ?> 210 </h3> 211 <p> 212 <?php 213 printf( 214 /* translators: %s: Block-based themes dev note link. */ 215 __( '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>.' ), 216 'https://make.wordpress.org/core/2022/01/04/block-themes-a-new-way-to-build-themes-in-wordpress-5-9/' 217 ); 218 ?> 219 </p> 220 </div> 221 <div class="column is-edge-to-edge"> 222 <h3> 223 <?php _e( 'Multiple stylesheets for a block' ); ?> 224 </h3> 225 <p> 226 <?php 227 printf( 228 /* translators: %s: Multiple stylesheets dev note link. */ 229 __( '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>.' ), 230 'https://make.wordpress.org/core/2021/12/15/using-multiple-stylesheets-per-block/' 231 ); 232 ?> 233 </p> 234 </div> 235 </div> 236 <div class="about__section has-gutters has-2-columns"> 237 <div class="column is-edge-to-edge"> 238 <h3> 239 <?php _e( 'Block‑level locking' ); ?> 240 </h3> 241 <p> 242 <?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.' ); ?> 243 </p> 244 </div> 245 <div class="column is-edge-to-edge"> 246 <h3> 247 <?php _e( 'A refactored Gallery block' ); ?> 248 </h3> 249 <p> 250 <?php 251 printf( 252 /* translators: %s: Gallery Refactor dev note link. */ 253 __( '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>.' ), 254 'https://make.wordpress.org/core/2021/08/20/gallery-block-refactor-dev-note/' 255 ); 256 ?> 257 </p> 258 </div> 259 </div> 260 261 <hr class="is-large" /> 262 263 <div class="about__section has-subtle-background-color has-2-columns is-wider-right"> 264 <div class="column about__image is-vertically-aligned-center"> 265 <img src="https://s.w.org/images/core/5.9/learn-video.png" alt="" /> 266 </div> 267 <div class="column"> 268 <h3><?php _e( 'Learn more about the new features in 5.9' ); ?></h3> 269 <p> 270 <?php 271 printf( 272 /* translators: %s: Learn WordPress link. */ 273 __( '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.' ), 274 'https://learn.wordpress.org' 275 ); 276 ?> 277 </p> 278 </div> 279 </div> 280 281 <hr class="is-large" /> 282 283 <div class="about__section"> 284 <div class="column"> 285 <h3><?php _e( 'Check the Field Guide for more!' ); ?></h3> 286 <p> 287 <?php 288 printf( 289 /* translators: %s: WordPress 5.9 Field Guide link. */ 290 __( '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>' ), 291 'https://make.wordpress.org/core/2022/01/10/wordpress-5-9-field-guide/' 258 <div class="about__section has-2-columns is-wider-right"> 259 <div class="column about__image is-vertically-aligned-center"> 260 <a href="#"> 261 <img src="https://make.wordpress.org/core/files/2022/05/about-60-video.png" alt="<?php echo esc_attr( __( 'Exploring WordPress 6.0 video' ) ); ?>" /> 262 </a> 263 </div> 264 <div class="column"> 265 <h3> 266 <?php 267 printf( 268 /* translators: %s: Version number. */ 269 __( 'Learn more about WordPress %s' ), 270 $display_version 271 ); 272 ?> 273 </h3> 274 <p> 275 <?php 276 printf( 277 /* translators: %s: 6.0 overview video link. */ 278 __( '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.' ), 279 '#' 280 ); 281 ?> 282 </p> 283 </div> 284 </div> 285 286 <div class="about__section has-3-columns"> 287 <div class="column"> 288 <p> 289 <?php 290 printf( 291 /* translators: 1: Learn WordPress workshops link, 2: Learn WordPress social learning link. */ 292 __( '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.' ), 293 'https://learn.wordpress.org/workshops/', 294 'https://learn.wordpress.org/social-learning/' 295 ); 296 ?> 297 </p> 298 </div> 299 <div class="column"> 300 <p> 301 <?php 302 printf( 303 /* translators: %s: WordPress 6.0 Field Guide link. */ 304 __( '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.' ), 305 '#' 306 ); 307 ?> 308 </p> 309 </div> 310 <div class="column"> 311 <p> 312 <?php 313 printf( 314 /* translators: %s: WordPress 6.0 Release Notes link. */ 315 __( '<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.' ), 316 '#' 292 317 ); 293 318 ?> -
trunk/src/wp-admin/css/about.css
r52563 r53339 22 22 /* Section backgrounds */ 23 23 --background: transparent; 24 --subtle-background: # def;24 --subtle-background: #f0f0f0; 25 25 26 26 /* Main text color */ … … 49 49 .freedoms-php, 50 50 .privacy-php { 51 background: #f 0f7ff;51 background: #fff; 52 52 } 53 53 … … 56 56 .freedoms-php #wpcontent, 57 57 .privacy-php #wpcontent { 58 background: linear-gradient(180deg, #fff 50%, #f0f7ff 100%);58 background: #fff; 59 59 padding: 0 24px; 60 60 } … … 483 483 .about__container p.is-subheading { 484 484 margin-top: 0; 485 font-size: 1. 8em;485 font-size: 1.5em; 486 486 } 487 487 … … 543 543 } 544 544 545 .about__container .column .about__image { 546 margin-bottom: calc(var(--gap) / 2); 547 } 548 545 549 .about__container hr { 546 550 margin: 0; … … 587 591 588 592 .about__header { 593 --about-header-image-width: 521px; 594 --about-header-image-height: 504px; 595 --about-header-bg-width: var(--about-header-image-width); 596 --about-header-bg-height: var(--about-header-image-height); 597 --about-header-bg-offset-inline: calc(var(--gap) * -2); 598 589 599 position: relative; 590 600 margin-bottom: var(--gap); 591 601 padding-top: 0; 592 background-image: url('../images/about-texture.png'); 593 background-color: var(--accent-2); 594 background-size: 500px 500px; 595 background-blend-mode: overlay; 596 color: var(--text-light); 597 } 598 599 .about__header::before { 600 content: ""; 601 position: absolute; 602 top: 0; 603 right: 64px; 604 z-index: 0; 605 width: 300px; 606 height: 382px; 607 background: url(../images/about-header-about.svg) no-repeat center; 608 background-size: contain; 609 } 610 611 .credits-php .about__header::before { 612 top: auto; 613 bottom: 70px; 614 height: 310px; 602 background: var(--subtle-background) url('../images/about-header-about.svg') no-repeat; 603 background-size: var(--about-header-bg-width) var(--about-header-bg-height); 604 background-position: right var(--about-header-bg-offset-inline) center; 605 } 606 607 .credits-php .about__header { 608 --about-header-image-width: 390px; 609 --about-header-image-height: 325px; 610 --about-header-bg-offset-inline: var(--gap); 611 615 612 background-image: url('../images/about-header-credits.svg'); 616 } 617 618 .freedoms-php .about__header::before { 619 top: calc(50% - 182px); 620 right: 32px; 621 width: 375px; 622 height: 300px; 613 background-position: right var(--about-header-bg-offset-inline) top var(--gap); 614 } 615 616 .freedoms-php .about__header { 617 --about-header-image-width: 380px; 618 --about-header-image-height: 278px; 619 --about-header-bg-offset-inline: var(--gap); 620 623 621 background-image: url('../images/about-header-freedoms.svg'); 624 } 625 626 .privacy-php .about__header::before { 627 top: auto; 628 bottom: -16px; 622 background-position: right var(--about-header-bg-offset-inline) bottom; 623 } 624 625 .privacy-php .about__header { 626 --about-header-image-width: 503px; 627 --about-header-image-height: 553px; 628 --about-header-bg-offset-inline: calc(var(--gap) * -2); 629 629 630 background-image: url('../images/about-header-privacy.svg'); 630 631 } … … 636 637 .about__header-title { 637 638 box-sizing: border-box; 638 /* 380px = 300px (balloon width) + 64px (offset from edge) + 16px (spacing). */ 639 padding: 6rem 380px 0 0; 640 margin: 0 2rem; 639 margin: 0 0 0 var(--gap); 640 padding: 8rem 0 0; 641 padding-right: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap)); 642 } 643 644 .credits-php .about__header-title, 645 .privacy-php .about__header-title { 646 padding-top: 6rem; 647 } 648 649 .freedoms-php .about__header-title { 650 padding-top: 3rem; 641 651 } 642 652 643 653 .about__header-title h1 { 644 margin: 0 0 0.5rem;654 margin: 0 0 1rem; 645 655 padding: 0; 646 font-size: 4.5rem;656 font-size: clamp(3rem, 18.46vw - 8.08rem, 6rem); 647 657 line-height: 1; 648 658 font-weight: 400; … … 651 661 .about__header-text { 652 662 box-sizing: border-box; 653 margin: 0 0 7rem;654 /* 380px = 300px (balloon width) + 64px (offset from edge) + 16px (spacing). */655 padding : 0 380px 0 2rem;663 margin: 0 0 9rem; 664 padding: 0 0 0 2rem; 665 padding-right: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap)); 656 666 font-size: 1.6rem; 657 667 line-height: 1.15; 658 668 } 659 669 660 .freedoms-php .about__header-title, 670 .credits-php .about__header-text, 671 .privacy-php .about__header-text { 672 margin-bottom: 7rem; 673 } 674 661 675 .freedoms-php .about__header-text { 662 /* 423px = 375px (balloon width) + 32px (offset from edge) + 16px (spacing). */ 663 padding-right: 423px; 664 margin-right: 0; 676 margin-bottom: 6rem; 665 677 } 666 678 … … 709 721 } 710 722 711 @media screen and (max-width: 960px){ 723 @media screen and (max-width: 960px) { 724 .about__header { 725 --about-header-bg-width: calc(var(--about-header-image-width) * 0.7); 726 --about-header-bg-height: calc(var(--about-header-image-height) * 0.7); 727 --about-header-bg-offset-inline: calc(var(--gap) * -1); 728 } 729 712 730 .about__header-title h1 { 713 font-size: 4.8em;731 font-size: clamp(3rem, 18.46vw - 5.08rem, 6rem); 714 732 } 715 733 } 716 734 717 735 @media screen and (max-width: 782px) { 718 .about__header::before {719 width: 240px;720 height: 305px;721 right: 32px;722 }723 724 .credits-php .about__header::before {725 height: 248px;726 }727 728 .freedoms-php .about__header::before {729 top: calc(50% - 132px);730 height: 192px;731 width: 240px;732 }733 734 .privacy-php .about__header::before {735 bottom: 0;736 height: 280px;737 }738 739 736 .about__container .about__header-text { 740 737 font-size: 1.4em; … … 743 740 .about__header-container { 744 741 display: block; 745 }746 747 .about__header-title,748 .about__header-text {749 /* 288px = 240px (balloon width) + 32px (offset from edge) + 16px (spacing). */750 padding-right: 288px !important;751 742 } 752 743 … … 772 763 773 764 @media screen and (max-width: 600px) { 774 .about__header::before { 775 display: none; 765 .about__header, 766 .credits-php .about__header, 767 .privacy-php .about__header, 768 .freedoms-php .about__header { 769 background-image: none; 776 770 } 777 771 … … 779 773 .about__header-text { 780 774 padding-right: calc(var(--gap) / 2) !important; 775 } 776 777 .about__header-title h1 { 778 font-size: clamp(2rem, 11.43vw - 0.29rem, 4rem); 781 779 } 782 780 } -
trunk/src/wp-admin/images/about-header-about.svg
r52438 r53339 1 <svg width="382" height="463" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 <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"/> 3 <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"/> 4 <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"/> 5 <rect x="106" y="233.128" width="9" height="2" rx="1" transform="rotate(-.815 106 233.128)" fill="#1E1E1E"/> 6 <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"/> 7 <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"/> 8 <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"/> 9 <rect x="252.136" y="210.563" width="8" height="2" rx="1" transform="rotate(3.25 252.136 210.563)" fill="#1E1E1E"/> 10 <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.185-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.238 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"/> 1 <svg width="521" height="504" viewBox="0 0 521 504" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 <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.408 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"/> 3 <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"/> 4 <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"/> 11 5 </svg> -
trunk/src/wp-admin/images/about-header-credits.svg
r52438 r53339 1 <svg width="377" height="390" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 <g clip-path="url(#a)"> 3 <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"/> 4 <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"/> 5 <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"/> 6 <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"/> 7 <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"/> 8 <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"/> 9 </g> 10 <defs> 11 <clipPath id="a"> 12 <path fill="#fff" d="M0 0h377v390H0z"/> 13 </clipPath> 14 </defs> 1 <svg width="390" height="325" viewBox="0 0 390 325" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 <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"/> 3 <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"/> 4 <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"/> 15 5 </svg> -
trunk/src/wp-admin/images/about-header-freedoms.svg
r52563 r53339 1 <svg viewBox="0 0 464 363" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 <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"/> 3 <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"/> 4 <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"/> 5 <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"/> 6 <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"/> 7 <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"/> 8 <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"/> 9 <rect width="5.103" height="1.97" rx=".985" transform="scale(-1 1) rotate(2.085 -6324.149 -5336.641)" fill="#1E1E1E"/> 10 <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"/> 11 <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"/> 12 <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"/> 13 <rect width="6.106" height="1.97" rx=".985" transform="scale(-1 1) rotate(7.968 -1090.36 -1997.313)" fill="#1E1E1E"/> 14 <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"/> 15 <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"/> 16 <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"/> 17 <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"/> 1 <svg width="380" height="278" viewBox="0 0 380 278" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 <path d="M317.283 636.325 297.983.802l65.268 4.802 16.19 627.838-62.158 2.883Z" fill="#2F2F2F"/> 3 <path d="M237.772 636.803 211.16 9.443l66.772-4.323 26.612 633.123-66.772-1.44Z" fill="#1B8362"/> 4 <path d="M122.645 631.162V3.998l59.68 3.836-4.59 627.164-55.09-3.836Z" fill="#2F2F2F"/> 5 <path d="M.703 637.383 27.111 5.7l64.254-3.084-28.05 633.538-62.612 1.229Z" fill="#3858E9"/> 18 6 </svg> -
trunk/src/wp-admin/images/about-header-privacy.svg
r52563 r53339 1 <svg viewBox="0 0 374 440" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 <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"/> 3 <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"/> 4 <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"/> 5 <rect x="82.418" y="171.164" width="6.5" height="2" rx="1" transform="rotate(3.18 82.418 171.164)" fill="#1E1E1E"/> 6 <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"/> 7 <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"/> 8 <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"/> 9 <rect x="256.704" y="237.275" width="5.997" height="2" rx="1" transform="rotate(7.245 256.704 237.275)" fill="#1E1E1E"/> 10 <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.634a541.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"/> 11 <rect x="315.517" y="132.793" width="39.784" height="7.784" rx="2" transform="rotate(12 315.517 132.793)" fill="#1E1E1E"/> 1 <svg width="503" height="553" viewBox="0 0 503 553" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 <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"/> 3 <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"/> 4 <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"/> 12 5 </svg>
Note: See TracChangeset
for help on using the changeset viewer.