diff --git a/src/wp-admin/about.php b/src/wp-admin/about.php
index acaaa2a009..c14c1bfc50 100644
a
|
b
|
require_once ABSPATH . 'wp-admin/admin-header.php'; |
20 | 20 | |
21 | 21 | <div class="about__header"> |
22 | 22 | <div class="about__header-title"> |
23 | | <h1> |
| 23 | <p> |
24 | 24 | <?php _e( 'WordPress' ); ?> |
25 | 25 | <span><?php echo $display_version; ?></span> |
26 | | </h1> |
| 26 | </p> |
27 | 27 | </div> |
28 | 28 | |
29 | 29 | <div class="about__header-text"> |
… |
… |
require_once ABSPATH . 'wp-admin/admin-header.php'; |
41 | 41 | </div> |
42 | 42 | |
43 | 43 | <div class="about__section is-feature has-accent-background-color"> |
44 | | <p><?php _e( 'Say hello to more and better.' ); ?></p> |
| 44 | <h1><?php _e( 'Say hello to more and better.' ); ?></h1> |
| 45 | |
45 | 46 | <p><?php _e( 'More ways to make your pages come alive. With easier ways to get it all done and looking better than ever—and boosts in speed you can feel.' ); ?></p> |
46 | 47 | </div> |
47 | 48 | |
… |
… |
require_once ABSPATH . 'wp-admin/admin-header.php'; |
105 | 106 | <li><?php _e( 'Tips are gone. In their place, a Welcome Guide window you can bring up when you need it—and only when you need it—again and again.' ); ?></li> |
106 | 107 | <li><?php _e( 'Know at a glance whether you’re in a block’s Edit or Navigation mode. Or, if you have restricted vision, your screen reader will tell you which mode you’re in.' ); ?></li> |
107 | 108 | </ul> |
108 | | <p><em><?php _e( 'Of course, if you want to work with the very latest tools and features, install the <a href="https://wordpress.org/plugins/gutenberg/">Gutenberg plugin</a>. You’ll get to be the first to use new and exciting features in the block editor, before anyone else has seen them!' ); ?></em></p> |
| 109 | <p><?php _e( 'Of course, if you want to work with the very latest tools and features, install the <a href="https://wordpress.org/plugins/gutenberg/">Gutenberg plugin</a>. You’ll get to be the first to use new and exciting features in the block editor, before anyone else has seen them!' ); ?></p> |
109 | 110 | </div> |
110 | 111 | <div class="column is-edge-to-edge"> |
111 | 112 | <div class="about__image aligncenter"> |
diff --git a/src/wp-admin/credits.php b/src/wp-admin/credits.php
index 60b1ebb004..c15d86e4d2 100644
a
|
b
|
$credits = wp_credits(); |
22 | 22 | |
23 | 23 | <div class="about__header"> |
24 | 24 | <div class="about__header-title"> |
25 | | <h1> |
| 25 | <p> |
26 | 26 | <?php _e( 'WordPress' ); ?> |
27 | 27 | <span><?php echo $display_version; ?></span> |
28 | | </h1> |
| 28 | </p> |
29 | 29 | </div> |
30 | 30 | |
31 | 31 | <div class="about__header-text"> |
… |
… |
$credits = wp_credits(); |
42 | 42 | </nav> |
43 | 43 | </div> |
44 | 44 | |
45 | | <div class="about__section"> |
| 45 | <div class="about__section is-feature"> |
46 | 46 | <div class="column"> |
47 | | <h2><?php _e( 'WordPress is created by a worldwide team of passionate individuals.' ); ?></h2> |
| 47 | <h1><?php _e( 'Credits' ); ?></h1> |
48 | 48 | |
49 | 49 | <p> |
| 50 | <?php _e( 'WordPress is created by a worldwide team of passionate individuals.' ); ?> |
50 | 51 | <?php |
51 | 52 | if ( ! $credits ) { |
52 | 53 | printf( |
diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css
index 51e49261d6..bfd427707a 100644
a
|
b
|
|
99 | 99 | .about__section { |
100 | 100 | background: #f3f4f5; |
101 | 101 | background: var(--background); |
| 102 | clear: both; |
102 | 103 | } |
103 | 104 | |
104 | 105 | .about__container .has-accent-background-color { |
… |
… |
|
303 | 304 | } |
304 | 305 | |
305 | 306 | .about__container h1 { |
306 | | font-size: 5em; |
307 | | line-height: 1; |
| 307 | margin: 0 0 1em; |
| 308 | padding: 0; |
| 309 | font-weight: 600; |
| 310 | color: inherit; |
308 | 311 | } |
309 | 312 | |
| 313 | .about__container h1, |
310 | 314 | .about__container h2 { |
311 | 315 | margin-top: 0; |
312 | 316 | font-size: 1.4em; |
| 317 | line-height: 1.4; |
313 | 318 | } |
314 | 319 | |
315 | 320 | .about__container h3 { |
… |
… |
|
395 | 400 | text-align: center; |
396 | 401 | } |
397 | 402 | |
398 | | @media screen and (max-width: 782px) { |
399 | | .about__container h1 { |
400 | | font-size: 4em; |
401 | | } |
402 | | } |
403 | | |
404 | 403 | @media screen and (max-width: 480px) { |
405 | | .about__container h1 { |
406 | | font-size: 3.2em; |
407 | | } |
408 | | |
409 | 404 | .about__section.is-feature { |
410 | 405 | font-size: 1.4em; |
411 | 406 | font-weight: 500; |
… |
… |
|
448 | 443 | -ms-grid-row-span: 2; |
449 | 444 | grid-row: 1/span 2; |
450 | 445 | padding: 32px; |
451 | | -webkit-writing-mode: vertical-rl; |
452 | | -ms-writing-mode: tb-rl; |
453 | | writing-mode: vertical-rl; |
454 | | transform: rotate(180deg); |
455 | 446 | } |
456 | 447 | |
457 | 448 | /* Needs to be inline-block to use vertical-align, needs specificity to override flex. */ |
458 | 449 | .about__header .about__header-title { |
459 | | display: inline-block; |
| 450 | display: flex; |
460 | 451 | vertical-align: top; |
461 | 452 | } |
462 | 453 | |
463 | | .about__header-title h1 { |
| 454 | .about__header-title p { |
| 455 | margin: 0; |
464 | 456 | padding: 0; |
| 457 | font-size: 4em; |
| 458 | line-height: 1; |
465 | 459 | color: #1730e5; |
466 | 460 | color: var(--accent-1); |
467 | 461 | } |
468 | 462 | |
469 | | .about__header-title h1 span { |
470 | | display: block; |
| 463 | .about__header-title p span { |
| 464 | display: inline-block; |
471 | 465 | font-weight: 600; |
472 | | font-size: 1.2em; |
473 | | line-height: 1; |
474 | 466 | color: #216bce; |
475 | 467 | color: var(--accent-2); |
476 | 468 | } |
… |
… |
|
543 | 535 | .about__container .about__header-text { |
544 | 536 | font-size: 1.4em; |
545 | 537 | } |
546 | | } |
547 | 538 | |
548 | | @media screen and (max-width: 600px) { |
549 | 539 | .about__header { |
550 | 540 | display: block; |
551 | | min-height: unset; |
552 | | max-height: unset; |
| 541 | min-height: none; |
| 542 | max-height: none; |
553 | 543 | height: auto; |
554 | 544 | } |
555 | 545 | |
… |
… |
|
560 | 550 | */ |
561 | 551 | padding-top: 80%; |
562 | 552 | padding-bottom: 0; |
563 | | -webkit-writing-mode: initial; |
564 | | -ms-writing-mode: initial; |
565 | | writing-mode: initial; |
566 | | transform: none; |
567 | 553 | } |
568 | 554 | |
569 | 555 | .about__header-text { |
… |
… |
|
578 | 564 | } |
579 | 565 | |
580 | 566 | @media screen and (max-width: 480px) { |
| 567 | .about__header-title p { |
| 568 | font-size: 3.2em; |
| 569 | } |
| 570 | |
581 | 571 | .about__header-navigation .nav-tab { |
582 | 572 | float: none; |
583 | 573 | display: block; |
diff --git a/src/wp-admin/freedoms.php b/src/wp-admin/freedoms.php
index c9bc298866..454a647c0d 100644
a
|
b
|
require_once ABSPATH . 'wp-admin/admin-header.php'; |
25 | 25 | |
26 | 26 | <div class="about__header"> |
27 | 27 | <div class="about__header-title"> |
28 | | <h1> |
| 28 | <p> |
29 | 29 | <?php _e( 'WordPress' ); ?> |
30 | 30 | <span><?php echo $display_version; ?></span> |
31 | | </h1> |
| 31 | </p> |
32 | 32 | </div> |
33 | 33 | |
34 | 34 | <div class="about__header-text"> |
… |
… |
require_once ABSPATH . 'wp-admin/admin-header.php'; |
46 | 46 | </div> |
47 | 47 | |
48 | 48 | <div class="about__section has-subtle-background-color is-feature"> |
49 | | <h2><?php _e( 'Freedoms' ); ?></h2> |
| 49 | <h1><?php _e( 'Freedoms' ); ?></h1> |
50 | 50 | |
51 | 51 | <p class="about-description"> |
52 | 52 | <?php |
diff --git a/src/wp-admin/privacy.php b/src/wp-admin/privacy.php
index 09248661bb..2ef4258e33 100644
a
|
b
|
require_once ABSPATH . 'wp-admin/admin-header.php'; |
19 | 19 | |
20 | 20 | <div class="about__header"> |
21 | 21 | <div class="about__header-title"> |
22 | | <h1> |
| 22 | <p> |
23 | 23 | <?php _e( 'WordPress' ); ?> |
24 | 24 | <span><?php echo $display_version; ?></span> |
25 | | </h1> |
| 25 | </p> |
26 | 26 | </div> |
27 | 27 | |
28 | 28 | <div class="about__header-text"> |
… |
… |
require_once ABSPATH . 'wp-admin/admin-header.php'; |
41 | 41 | |
42 | 42 | <div class="about__section"> |
43 | 43 | <div class="column"> |
44 | | <h2><?php _e( 'Privacy' ); ?></h2> |
| 44 | <h1><?php _e( 'Privacy' ); ?></h1> |
45 | 45 | |
46 | 46 | <p><?php _e( 'From time to time, your WordPress site may send data to WordPress.org — including, but not limited to — the version of WordPress you are using, and a list of installed plugins and themes.' ); ?></p> |
47 | 47 | |