Help/About: WordPress 5.7 About Page.
This is the start of the WordPress 5.7 about page. Props audrasjb, metalandcoffee, melchoyce, hedgefield, francina, webcommsat, lukecarbis, meher, sarahricker, marybaum. See #52347. Built from https://develop.svn.wordpress.org/trunk@50418 git-svn-id: http://core.svn.wordpress.org/trunk@50029 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
ryelle
parent
8dcbe3b7a6
commit
9a32a41e52
|
|
@ -20,26 +20,18 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
|
||||||
|
|
||||||
<div class="about__header">
|
<div class="about__header">
|
||||||
<div class="about__header-image">
|
<div class="about__header-image">
|
||||||
<picture>
|
<img alt="<?php _e( 'Code is Poetry' ); ?>" src="images/about-badge.svg" />
|
||||||
<source media="(max-width: 782px)" srcset="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205 109" width="205"><g fill="none" fill-rule="evenodd"><path fill="#000" fill-rule="nonzero" d="M65.901 108.433c2.546-5.254 4.927-9.195 7.143-11.822H1.246v-5.173h71.798c-2.216-2.627-4.597-6.568-7.143-11.822h4.31c5.173 5.993 10.592 10.427 16.257 13.3v2.217c-5.665 2.791-11.084 7.225-16.256 13.3h-4.31z"/><path fill="#000" fill-rule="nonzero" d="M29.345 26.834c-.129 1.365-.633 2.432-1.512 3.2-.879.76-2.048 1.142-3.507 1.142-1.02 0-1.919-.24-2.698-.72-.773-.487-1.371-1.176-1.793-2.066-.422-.891-.641-1.925-.659-3.103v-1.195c0-1.207.214-2.27.642-3.19.427-.92 1.04-1.63 1.836-2.128.803-.498 1.729-.747 2.778-.747 1.412 0 2.549.384 3.41 1.152.861.767 1.362 1.851 1.503 3.252H27.13c-.105-.92-.375-1.582-.809-1.987-.427-.41-1.057-.615-1.89-.615-.966 0-1.71.355-2.232 1.064-.515.703-.779 1.737-.79 3.102v1.134c0 1.383.245 2.437.738 3.164.498.727 1.224 1.09 2.18 1.09.872 0 1.529-.197 1.968-.59.44-.392.718-1.045.835-1.959h2.215zm14.008-1.898c0 1.253-.217 2.355-.65 3.304-.434.944-1.055 1.67-1.864 2.18-.803.504-1.728.756-2.777.756-1.037 0-1.963-.252-2.777-.756-.809-.51-1.436-1.234-1.881-2.171-.44-.938-.662-2.018-.668-3.243v-.72c0-1.249.22-2.35.659-3.306.445-.955 1.07-1.684 1.872-2.188.809-.51 1.734-.765 2.777-.765 1.043 0 1.966.252 2.769.756.808.498 1.432 1.219 1.872 2.162.44.938.662 2.03.668 3.279v.712zm-2.224-.668c0-1.418-.27-2.505-.808-3.261-.534-.756-1.292-1.134-2.277-1.134-.96 0-1.714.378-2.258 1.134-.54.75-.815 1.813-.827 3.19v.739c0 1.406.273 2.493.818 3.26.55.768 1.312 1.152 2.285 1.152.984 0 1.74-.375 2.267-1.125.534-.75.8-1.846.8-3.287v-.668zM47.368 31V18.203h3.78c1.13 0 2.132.252 3.005.756a5.146 5.146 0 012.039 2.145c.48.925.72 1.986.72 3.181v.642c0 1.213-.243 2.28-.729 3.199a5.057 5.057 0 01-2.065 2.127c-.89.498-1.913.747-3.068.747h-3.682zm2.223-11.004v9.229h1.45c1.167 0 2.06-.364 2.681-1.09.627-.733.947-1.782.958-3.147v-.712c0-1.388-.302-2.449-.905-3.181-.604-.733-1.48-1.099-2.628-1.099h-1.556zm18.816 5.291h-5.256v3.938h6.144V31h-8.368V18.203h8.306v1.793h-6.082v3.533h5.256v1.758zM81.534 31H79.32V18.203h2.215V31zm11.222-3.296c0-.562-.199-.996-.597-1.3-.393-.305-1.105-.613-2.136-.924-1.031-.31-1.852-.656-2.461-1.037-1.166-.732-1.75-1.687-1.75-2.865 0-1.031.42-1.88 1.258-2.549.843-.668 1.936-1.002 3.278-1.002.89 0 1.685.164 2.382.492a3.898 3.898 0 011.643 1.407c.399.603.598 1.274.598 2.013h-2.215c0-.669-.21-1.19-.633-1.565-.416-.38-1.013-.571-1.793-.571-.726 0-1.292.155-1.696.466-.398.31-.598.744-.598 1.3 0 .47.217.862.65 1.178.434.31 1.15.615 2.145.914.996.293 1.796.63 2.4 1.01.603.376 1.046.81 1.327 1.302.281.486.422 1.057.422 1.713 0 1.067-.41 1.916-1.23 2.55-.815.626-1.923.94-3.323.94-.926 0-1.778-.17-2.558-.51-.773-.346-1.376-.82-1.81-1.424-.428-.603-.642-1.306-.642-2.11h2.224c0 .727.24 1.29.72 1.688.481.399 1.17.598 2.066.598.774 0 1.354-.155 1.74-.466.393-.316.59-.732.59-1.248zm14.481-1.459V31h-2.224V18.203h4.896c1.43 0 2.563.372 3.401 1.116.844.745 1.266 1.729 1.266 2.954 0 1.253-.413 2.229-1.239 2.926-.821.697-1.972 1.046-3.454 1.046h-2.646zm0-1.784h2.672c.791 0 1.395-.185 1.811-.554.416-.375.624-.914.624-1.617 0-.691-.211-1.242-.633-1.652-.422-.416-1.002-.63-1.74-.642h-2.734v4.465zm21.303.475c0 1.253-.217 2.355-.65 3.304-.434.944-1.055 1.67-1.864 2.18-.802.504-1.728.756-2.777.756-1.037 0-1.963-.252-2.777-.756-.809-.51-1.436-1.234-1.881-2.171-.44-.938-.662-2.018-.668-3.243v-.72c0-1.249.22-2.35.659-3.306.445-.955 1.069-1.684 1.872-2.188.809-.51 1.734-.765 2.777-.765 1.043 0 1.966.252 2.769.756.809.498 1.433 1.219 1.872 2.162.44.938.662 2.03.668 3.279v.712zm-2.224-.668c0-1.418-.269-2.505-.808-3.261-.533-.756-1.292-1.134-2.277-1.134-.96 0-1.713.378-2.258 1.134-.539.75-.815 1.813-.827 3.19v.739c0 1.406.273 2.493.818 3.26.551.768 1.312 1.152 2.285 1.152.984 0 1.74-.375 2.268-1.125.533-.75.799-1.846.799-3.287v-.668zm13.718 1.02h-5.255v3.937h6.143V31h-8.367V18.203h8.306v1.793h-6.082v3.533h5.255v1.758zm13.92-5.292h-3.99V31h-2.206V19.996h-3.955v-1.793h10.151v1.793zm8.19 6.073h-2.478V31h-2.224V18.203h4.5c1.477 0 2.616.331 3.419.993.803.662 1.204 1.62 1.204 2.874 0 .856-.208 1.574-.624 2.154-.41.574-.984 1.016-1.723 1.327l2.874 5.335V31h-2.381l-2.567-4.93zm-2.478-1.784h2.285c.75 0 1.336-.187 1.758-.562.421-.381.632-.9.632-1.556 0-.686-.196-1.216-.588-1.59-.387-.376-.967-.57-1.741-.58h-2.346v4.288zm14.561-.017l2.945-6.065h2.461l-4.289 8.086V31h-2.233v-4.71l-4.298-8.087h2.47l2.944 6.065z"/><path stroke="#000" stroke-width="2" d="M2 1h201v46H2z"/></g></svg>' ); ?>" />
|
|
||||||
<img alt="<?php _e( 'Code is Poetry' ); ?>" src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1210 48"><path fill="#000" d="M65.875 39.875c2.583-5.333 5-9.333 7.25-12H.25v-5.25h72.875c-2.25-2.667-4.667-6.667-7.25-12h4.375c5.25 6.083 10.75 10.583 16.5 13.5v2.25c-5.75 2.833-11.25 7.333-16.5 13.5h-4.375zM1035.34 26.834c-.12 1.365-.63 2.432-1.51 3.2-.88.76-2.04 1.142-3.5 1.142-1.02 0-1.92-.24-2.7-.72-.78-.487-1.37-1.176-1.79-2.066-.43-.891-.65-1.925-.66-3.103v-1.195c0-1.207.21-2.27.64-3.19.43-.92 1.04-1.63 1.83-2.128.81-.498 1.73-.747 2.78-.747 1.41 0 2.55.384 3.41 1.152.86.767 1.36 1.851 1.5 3.252h-2.21c-.11-.92-.37-1.582-.81-1.987-.43-.41-1.06-.615-1.89-.615-.96 0-1.71.355-2.23 1.064-.52.703-.78 1.737-.79 3.102v1.134c0 1.383.24 2.437.74 3.164.49.727 1.22 1.09 2.18 1.09.87 0 1.53-.197 1.97-.59.43-.392.71-1.045.83-1.959h2.21zm14.01-1.898c0 1.253-.21 2.355-.65 3.304-.43.944-1.05 1.67-1.86 2.18-.8.504-1.73.756-2.78.756-1.04 0-1.96-.252-2.78-.756-.8-.51-1.43-1.234-1.88-2.171-.44-.938-.66-2.018-.66-3.243v-.72c0-1.249.22-2.35.65-3.306.45-.955 1.07-1.684 1.88-2.188.81-.51 1.73-.765 2.77-.765 1.05 0 1.97.252 2.77.756.81.498 1.44 1.219 1.87 2.162.44.938.67 2.03.67 3.279v.712zm-2.22-.668c0-1.418-.27-2.505-.81-3.261-.53-.756-1.29-1.134-2.28-1.134-.96 0-1.71.378-2.25 1.134-.54.75-.82 1.813-.83 3.19v.739c0 1.406.27 2.493.82 3.26.55.768 1.31 1.152 2.28 1.152.99 0 1.74-.375 2.27-1.125s.8-1.846.8-3.287v-.668zm6.24 6.732V18.203h3.78c1.13 0 2.13.252 3 .756a5.138 5.138 0 012.04 2.145c.48.925.72 1.986.72 3.181v.642c0 1.213-.24 2.28-.73 3.199a5.08 5.08 0 01-2.06 2.127c-.89.498-1.92.747-3.07.747h-3.68zm2.22-11.004v9.229h1.45c1.17 0 2.06-.364 2.68-1.09.63-.733.95-1.782.96-3.147v-.712c0-1.388-.3-2.449-.9-3.181-.61-.733-1.48-1.099-2.63-1.099h-1.56zm18.82 5.291h-5.26v3.938h6.14V31h-8.36V18.203h8.3v1.793h-6.08v3.533h5.26v1.758zM1087.53 31h-2.21V18.203h2.21V31zm11.23-3.296c0-.562-.2-.996-.6-1.3-.39-.305-1.11-.613-2.14-.924-1.03-.31-1.85-.656-2.46-1.037-1.16-.732-1.75-1.687-1.75-2.865 0-1.031.42-1.88 1.26-2.549.84-.668 1.94-1.002 3.28-1.002.89 0 1.68.164 2.38.492.7.329 1.25.797 1.64 1.407.4.603.6 1.274.6 2.013h-2.21c0-.669-.21-1.19-.64-1.565-.41-.38-1.01-.571-1.79-.571-.73 0-1.29.155-1.7.466-.39.31-.59.744-.59 1.3 0 .47.21.862.65 1.178.43.31 1.15.615 2.14.914 1 .293 1.8.63 2.4 1.01.6.376 1.05.81 1.33 1.302.28.486.42 1.057.42 1.713 0 1.067-.41 1.916-1.23 2.55-.82.626-1.92.94-3.32.94-.93 0-1.78-.17-2.56-.51-.77-.346-1.38-.82-1.81-1.424-.43-.603-.64-1.306-.64-2.11h2.22c0 .727.24 1.29.72 1.688.48.399 1.17.598 2.07.598.77 0 1.35-.155 1.74-.466.39-.316.59-.732.59-1.248zm14.48-1.459V31h-2.23V18.203h4.9c1.43 0 2.56.372 3.4 1.116.84.745 1.27 1.729 1.27 2.954 0 1.253-.42 2.229-1.24 2.926-.82.697-1.97 1.046-3.46 1.046h-2.64zm0-1.784h2.67c.79 0 1.39-.185 1.81-.554.42-.375.62-.914.62-1.617 0-.691-.21-1.242-.63-1.652-.42-.416-1-.63-1.74-.642h-2.73v4.465zm21.3.475c0 1.253-.22 2.355-.65 3.304-.43.944-1.06 1.67-1.86 2.18-.81.504-1.73.756-2.78.756-1.04 0-1.96-.252-2.78-.756-.81-.51-1.43-1.234-1.88-2.171-.44-.938-.66-2.018-.67-3.243v-.72c0-1.249.22-2.35.66-3.306.45-.955 1.07-1.684 1.87-2.188.81-.51 1.74-.765 2.78-.765 1.04 0 1.97.252 2.77.756.81.498 1.43 1.219 1.87 2.162.44.938.66 2.03.67 3.279v.712zm-2.22-.668c0-1.418-.27-2.505-.81-3.261-.54-.756-1.29-1.134-2.28-1.134-.96 0-1.71.378-2.26 1.134-.54.75-.81 1.813-.82 3.19v.739c0 1.406.27 2.493.81 3.26.55.768 1.32 1.152 2.29 1.152.98 0 1.74-.375 2.27-1.125s.8-1.846.8-3.287v-.668zm13.71 1.02h-5.25v3.937h6.14V31h-8.37V18.203h8.31v1.793h-6.08v3.533h5.25v1.758zm13.92-5.292h-3.99V31h-2.2V19.996h-3.96v-1.793h10.15v1.793zm8.19 6.073h-2.47V31h-2.23V18.203h4.5c1.48 0 2.62.331 3.42.993.8.662 1.21 1.62 1.21 2.874 0 .856-.21 1.574-.63 2.154-.41.574-.98 1.016-1.72 1.327l2.87 5.335V31h-2.38l-2.57-4.93zm-2.47-1.784h2.28c.75 0 1.34-.187 1.76-.562.42-.381.63-.9.63-1.556 0-.686-.19-1.216-.59-1.59-.38-.376-.96-.57-1.74-.58h-2.34v4.288zm14.56-.017l2.94-6.065h2.46l-4.29 8.086V31h-2.23v-4.71l-4.3-8.087h2.47l2.95 6.065z"/><path stroke="#000" stroke-width="2" d="M1008 1h201v46h-201z"/></svg>' ); ?>" />
|
|
||||||
</picture>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="about__header-container">
|
<div class="about__header-title">
|
||||||
<div class="about__header-title">
|
<p>
|
||||||
<p>
|
<?php _e( 'WordPress' ); ?>
|
||||||
<?php _e( 'WordPress' ); ?>
|
<?php echo $display_version; ?>
|
||||||
<?php echo $display_version; ?>
|
</p>
|
||||||
</p>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="about__header-text">
|
<div class="about__header-text">
|
||||||
<?php _e( 'Sharing your stories has never been easier' ); ?>
|
<?php _e( 'Jazz up your stories in an editor that’s cleaner, crisper, and does more to get out of your way.' ); ?>
|
||||||
</div>
|
|
||||||
<div class="about__header-badge">
|
|
||||||
<img alt="<?php _e( 'New' ); ?>" src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 153 153" width="115"><circle cx="76.5" cy="76.5" r="76.5" fill="#000"/><path fill="#D1CFE4" d="M53.333 86h-2.827L39.769 69.564V86H36.94V64.672h2.828L50.535 81.18V64.67h2.798V86zm26.05-9.858h-9.242V83.7h10.737V86h-13.55V64.672h13.403v2.314h-10.59v6.856h9.243v2.3zm18.596 3.134l.41 2.813.6-2.534 4.219-14.883h2.373l4.116 14.883.586 2.578.454-2.871 3.311-14.59h2.827L111.704 86h-2.563l-4.395-15.542-.337-1.626-.337 1.626L99.517 86h-2.564l-5.156-21.328h2.812l3.37 14.604z"/></svg>' ); ?>" />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
|
<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
|
||||||
|
|
@ -50,184 +42,167 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="about__section is-feature">
|
<div class="about__section is-feature has-subtle-background-color">
|
||||||
<h1 class="aligncenter">
|
<div class="column">
|
||||||
<?php
|
<h1 class="is-smaller-heading">
|
||||||
printf(
|
<?php
|
||||||
/* translators: %s: The current WordPress version number. */
|
printf(
|
||||||
__( 'Welcome to WordPress %s.' ),
|
/* translators: %s: The current WordPress version number. */
|
||||||
$display_version
|
__( 'Step into WordPress %s.' ),
|
||||||
);
|
$display_version
|
||||||
?>
|
);
|
||||||
</h1>
|
?>
|
||||||
<p>
|
</h1>
|
||||||
<?php
|
<p>
|
||||||
printf(
|
<?php
|
||||||
/* translators: %s: The current WordPress version number. */
|
printf(
|
||||||
__( 'WordPress %s brings you countless ways to set your ideas free and bring them to life. With a brand-new default theme as your canvas, it supports an ever-growing collection of blocks as your brushes. Paint with words. Pictures. Sound. Or rich embedded media.' ),
|
/* translators: %s: The current WordPress version number. */
|
||||||
$display_version
|
__( 'With this new version, the editor cleans up the colors and helps you work in a few places you couldn’t before—at least, not without getting into code or hiring a pro. The controls you use most, like changing type sizes, are in more places—right where you need them. And layout changes that should be simple, like full-height images, get even simpler to make.' ),
|
||||||
);
|
$display_version
|
||||||
?>
|
);
|
||||||
</p>
|
?>
|
||||||
</div>
|
</p>
|
||||||
|
|
||||||
<div class="has-background-image" style="background-image: url('data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1035 884"><circle cx="503" cy="434" r="310" fill="#E3DAD1"/><circle cx="831" cy="204" r="204" fill="#D1CFE4"/><circle cx="113.5" cy="770.5" r="113.5" fill="#D1DEE4"/></svg>' ); ?>');">
|
|
||||||
<div class="about__section has-2-columns is-wider-left has-transparent-background-color">
|
|
||||||
<div class="column">
|
|
||||||
<h2><?php _e( 'Greater layout flexibility' ); ?></h2>
|
|
||||||
<p><?php _e( 'Bring your stories to life with more tools that let you edit your layout with or without code. Single column blocks, designs using mixed widths and columns, full-width headers, and videos in your cover block—make small changes or big statements with equal ease!' ); ?></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="about__section has-2-columns is-wider-right has-transparent-background-color">
|
|
||||||
<div class="column"><!-- space for alignment. --></div>
|
|
||||||
<div class="column">
|
|
||||||
<h2><?php _e( 'More block patterns' ); ?></h2>
|
|
||||||
<p><?php _e( 'In select themes, preconfigured block patterns make setting up standard pages on your site a breeze. Find the power of patterns to streamline your workflow, or share some of that power with your clients and save yourself a few clicks.' ); ?></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="about__section has-2-columns is-wider-left has-transparent-background-color">
|
|
||||||
<div class="column">
|
|
||||||
<h2><?php _e( 'Upload video captions directly in the block editor' ); ?></h2>
|
|
||||||
<p><?php _e( 'To help you add subtitles or captions to your videos, you can now upload them within your post or page. This makes it easier than ever to make your videos accessible for anyone who needs or prefers to use subtitles.' ); ?></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<hr class="is-large" />
|
<hr class="is-large" />
|
||||||
|
|
||||||
<div class="about__section has-1-column">
|
<div class="about__section has-2-columns">
|
||||||
<h2><?php _e( 'Twenty Twenty-One is here!' ); ?></h2>
|
<h2 class="is-section-header is-smaller-heading">
|
||||||
<p>
|
<?php _e( 'Now the editor is easier to use' ); ?>
|
||||||
<?php
|
</h2>
|
||||||
_e( 'Twenty Twenty-One is a blank canvas for your ideas, and the block editor is the best brush. It is built for the block editor and packed with brand-new block patterns you can only get in the default themes. Try different layouts in a matter of seconds, and let the theme’s eye-catching, yet timeless design make your work shine.' );
|
<div class="column">
|
||||||
?>
|
<p>
|
||||||
</p>
|
<?php
|
||||||
|
_e( '<strong>Font-size adjustment in more places:</strong> now, font-size controls are right where you need them in the List and Code blocks. No more trekking to another screen to make that single change!' );
|
||||||
|
?>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<?php
|
||||||
|
_e( '<strong>Reusable blocks:</strong> several enhancements make reusable blocks more stable and easier to use. And now they save automatically with the post when you click the Update button.' );
|
||||||
|
?>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<?php
|
||||||
|
_e( '<strong>Inserter drag-and-drop:</strong> drag blocks and block patterns from the inserter right into your post.' );
|
||||||
|
?>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="column about__image">
|
||||||
|
<video controls>
|
||||||
|
<source src="https://make.wordpress.org/core/files/2021/02/about-57-drag-drop-image.mp4" type="video/mp4" />
|
||||||
|
</video>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<hr />
|
<div class="about__section has-2-columns">
|
||||||
|
<h2 class="is-section-header is-smaller-heading">
|
||||||
<div class="about__section">
|
<?php _e( 'You can do more without writing custom code' ); ?>
|
||||||
<div class="column about__image is-edge-to-edge">
|
</h2>
|
||||||
<img src="https://s.w.org/images/core/5.6/twentytwentyone-layouts.jpg" alt="" />
|
<div class="column">
|
||||||
|
<p>
|
||||||
|
<?php
|
||||||
|
_e( '<strong>Full-height alignment:</strong> have you ever wanted to make a block, like the Cover block, fill the whole window? Now you can.' );
|
||||||
|
?>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<?php
|
||||||
|
_e( '<strong>Buttons block:</strong> now you can align the content in buttons vertically. And you can set the width of a button to a preset percentage.' );
|
||||||
|
?>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<?php
|
||||||
|
_e( '<strong>Social Icons block:</strong> you can now change the size of the icons in the Social Icons block.' );
|
||||||
|
?>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="column about__image">
|
||||||
|
<img src="https://make.wordpress.org/core/files/2021/02/about-57-cover-1.jpg" alt="" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<hr />
|
<hr />
|
||||||
|
|
||||||
<div class="about__section has-overlap-style">
|
<div class="about__section has-subtle-background-color">
|
||||||
<div class="column is-vertically-aligned-center is-top-layer">
|
<div class="column">
|
||||||
|
<h2 class="is-smaller-heading"><?php _e( 'A Simpler Default Color Palette' ); ?></h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="about__section has-subtle-background-color">
|
||||||
|
<div class="column about__image">
|
||||||
|
<div class="about__image-comparison">
|
||||||
|
<div class="about__image-comparison-resize">
|
||||||
|
<img src="https://make.wordpress.org/core/files/2021/02/about-57-color-new.png" />
|
||||||
|
</div>
|
||||||
|
<img src="https://make.wordpress.org/core/files/2021/02/about-57-color-old.png" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="about__section has-2-columns has-subtle-background-color">
|
||||||
|
<div class="column">
|
||||||
<p>
|
<p>
|
||||||
<?php
|
<?php
|
||||||
printf(
|
printf(
|
||||||
/* translators: 1: WordPress accessibility-ready guidelines link, 2: WCAG information link. */
|
/* translators: %s: WCAG information link. */
|
||||||
__( 'What’s more, this default theme puts accessibility at the heart of your website. It conforms to the <a href="%1$s">WordPress accessibility-ready guidelines</a> and addresses several more specialized standards from the <a href="%2$s">Web Content Accessibility Guidelines (WCAG) 2.1 at level AAA</a>. It will help you meet the highest level of international accessibility standards when you create accessible content and choose plugins which are accessible too!' ),
|
__( 'This new streamlined color palette collapses all the colors that used to be in the WordPress source code down to seven core colors and a range of 56 shades that meet the <a href="%s">WCAG 2.0 AA recommended contrast ratio</a> against white or black.' ),
|
||||||
'https://make.wordpress.org/themes/handbook/review/accessibility/',
|
|
||||||
'https://www.w3.org/WAI/WCAG2AAA-Conformance'
|
'https://www.w3.org/WAI/WCAG2AAA-Conformance'
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</p>
|
</p>
|
||||||
|
<p>
|
||||||
|
<?php
|
||||||
|
_e( 'The colors are perceptually uniform from light to dark in each range, which means they start at white and get darker by the same amount with each step.' );
|
||||||
|
?>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="column about__image aligncenter is-edge-to-edge">
|
<div class="column">
|
||||||
<img src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 440 291"><circle cx="294.5" cy="145.5" r="145.5" fill="#E5D1D1"/><circle cx="106.5" cy="106.5" r="106.5" fill="#EEEADD"/></svg>' ); ?>" style="max-width:25em" alt="" />
|
<p>
|
||||||
|
<?php
|
||||||
|
_e( 'Half the range has a 4.5 or higher contrast ratio against black, and the other half maintains the same contrast against white.' );
|
||||||
|
?>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<?php
|
||||||
|
printf(
|
||||||
|
/* translators: %s: Color palette dev note link. */
|
||||||
|
__( 'Find the new palette in the default WordPress Dashboard color scheme, and use it when you’re building themes, plugins, or any other components. For all the details, <a href="%s">check out the Color Palette dev note</a>.' ),
|
||||||
|
'https://make.wordpress.org/core/2021/02/23/standardization-of-wp-admin-colors-in-wordpress-5-7'
|
||||||
|
);
|
||||||
|
?>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="about__section has-subtle-background-color">
|
||||||
|
<div class="column about__image">
|
||||||
|
<picture>
|
||||||
|
<source media="(max-width: 600px)" srcset="images/about-color-palette-vert.svg" />
|
||||||
|
<img alt="" src="images/about-color-palette.svg" />
|
||||||
|
</picture>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<hr />
|
<hr />
|
||||||
|
|
||||||
<div class="about__section has-2-columns">
|
<div class="about__section has-2-columns">
|
||||||
<div class="column is-vertically-aligned-center">
|
|
||||||
<h3 class="is-larger-heading"><?php _e( 'A rainbow of soft pastels' ); ?></h3>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<p><?php _e( 'Perfect for a new year, Twenty Twenty-One gives you a range of pre-selected color palettes in pastel, all of which meet AAA standards for contrast. You can also choose your own background color for the theme, and the theme chooses accessibility-conscious text colors for you — automatically!' ); ?></p>
|
<h3><?php _e( 'From HTTP to HTTPS in a single click' ); ?></h3>
|
||||||
<p><?php _e( 'Need more flexibility than that? You can also choose your own color palette from the color picker.' ); ?></p>
|
<p><?php _e( 'Starting now, switching a site from HTTP to HTTPS is a one-click move. WordPress will automatically update database URLs when you make the switch. No more hunting and guessing!' ); ?></p>
|
||||||
</div>
|
<h3><?php _e( 'New Robots API' ); ?></h3>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="about__section">
|
|
||||||
<div class="column about__image is-edge-to-edge">
|
|
||||||
<img src="https://s.w.org/images/core/5.6/twentytwentyone-rainbow.png" alt="" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<hr />
|
|
||||||
<hr class="is-large" />
|
|
||||||
|
|
||||||
<div class="about__section">
|
|
||||||
<header class="column is-edge-to-edge">
|
|
||||||
<h2><?php _e( 'Improvements for everyone' ); ?></h2>
|
|
||||||
</header>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="about__section has-3-columns has-gutters">
|
|
||||||
<div class="column has-border" style="background-color:#eeeadd;background-color:var(--global--color-yellow)">
|
|
||||||
<h3><?php _e( 'Expanding auto-updates' ); ?></h3>
|
|
||||||
<p><?php _e( 'For years, only developers have been able to update WordPress automatically. But now, you have that option, right in your dashboard. If this is your first site, you have auto-updates ready to go, right now! Upgrading an existing site? No problem! Everything is the same as it was before.' ); ?></p>
|
|
||||||
</div>
|
|
||||||
<div class="column has-border" style="background-color:#e4d1d1;background-color:var(--global--color-red)">
|
|
||||||
<h3><?php _e( 'Accessibility statement template' ); ?></h3>
|
|
||||||
<p>
|
<p>
|
||||||
<?php
|
<?php
|
||||||
printf(
|
_e( 'The new Robots API lets you include the filter directives in the robots meta tag, and the API includes the directive <code>max-image-preview: large</code> by default. That means search engines can show bigger image previews (unless the blog is marked as not public), which can boost your traffic.' )
|
||||||
/* translators: %s: Accessibility statement feature plugin link. */
|
|
||||||
__( 'Even if you’re not an expert, you can start letting folks know about your site’s commitment to accessibility at the click of a button! The new <a href="%s">feature plugin</a> includes template copy for you to update and publish, and it’s written to support different contexts and jurisdictions.' ),
|
|
||||||
'https://github.com/10degrees/accessibility-statement-plugin'
|
|
||||||
);
|
|
||||||
?>
|
?>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="column has-border" style="background-color:#d1d1e4;background-color:var(--global--color-purple)">
|
|
||||||
<h3><?php _e( 'Built-in patterns' ); ?></h3>
|
|
||||||
<p><?php _e( 'If you’ve not had the chance to play with block patterns yet, all default themes now feature a range of block patterns that let you master complex layouts with minimal effort. Customize the patterns to your liking with the copy, images and colors that fit your story or brand.' ); ?></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<hr />
|
|
||||||
|
|
||||||
<div class="about__section has-2-columns">
|
|
||||||
<h2 class="is-section-header"><?php _e( 'For developers' ); ?></h2>
|
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<h3><?php _e( 'REST API authentication with Application Passwords' ); ?></h3>
|
<h3><?php _e( 'Ongoing cleanup after update to jQuery 3.5.1' ); ?></h3>
|
||||||
<p><?php _e( 'Thanks to the API’s new Application Passwords authorization feature, third-party apps can connect to your site seamlessly and securely. This new REST API feature lets you see what apps are connecting to your site and control what they do.' ); ?></p>
|
<p><?php _e( 'For years jQuery helped make things move on the screen in ways the basic tools couldn’t—but that keeps changing, and so does jQuery.' ); ?></p>
|
||||||
</div>
|
<p><?php _e( 'One side effect: it generated a set of cryptic messages on the dashboard that informed only developers. In 5.7, you will get far fewer of those messages, and they will be in plain language.' ); ?></p>
|
||||||
<div class="column">
|
<h3><?php _e( 'Lazy-load your iframes' ); ?></h3>
|
||||||
<h3><?php _e( 'More PHP 8 support' ); ?></h3>
|
<p><?php _e( 'Now it’s simple to let iframes lazy-load. Just add the <code>loading="lazy"</code> attribute to iframe tags on the front end.' ); ?></p>
|
||||||
<p>
|
|
||||||
<?php
|
|
||||||
printf(
|
|
||||||
/* translators: %s: WordPress and PHP 8 dev note link. */
|
|
||||||
__( '5.6 marks the first steps toward WordPress Core support for PHP 8. Now is a great time to start planning how your WordPress products, services and sites can support the latest PHP version. For more information about what to expect next, <a href="%s">read the PHP 8 developer note</a>.' ),
|
|
||||||
'https://make.wordpress.org/core/2020/11/23/wordpress-and-php-8-0/'
|
|
||||||
);
|
|
||||||
?>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="about__section">
|
|
||||||
<div class="column">
|
|
||||||
<h3><?php _e( 'jQuery' ); ?></h3>
|
|
||||||
<p>
|
|
||||||
<?php
|
|
||||||
printf(
|
|
||||||
/* translators: %s: jQuery update test plugin link. */
|
|
||||||
__( 'Updates to jQuery in WordPress take place across three releases: 5.5, 5.6, and 5.7. As we reach the mid-point of this process, run the <a href="%s">update test plugin</a> to check your sites for errors ahead of time.' ),
|
|
||||||
current_user_can( 'install_plugins' ) ?
|
|
||||||
esc_url( network_admin_url( 'plugin-install.php?tab=search&type=term&s=slug:wp-jquery-update-test' ) ) :
|
|
||||||
esc_url( __( 'https://wordpress.org/plugins/wp-jquery-update-test/' ) )
|
|
||||||
);
|
|
||||||
?>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<?php
|
|
||||||
printf(
|
|
||||||
/* translators: %s: jQuery Migrate plugin link. */
|
|
||||||
__( 'If you find issues with the way your site looks (e.g. a slider doesn’t work, a button is stuck — that sort of thing), install the <a href="%s">jQuery Migrate plugin</a>.' ),
|
|
||||||
current_user_can( 'install_plugins' ) ?
|
|
||||||
esc_url( network_admin_url( 'plugin-install.php?tab=search&type=term&s=slug:enable-jquery-migrate-helper' ) ) :
|
|
||||||
esc_url( __( 'https://wordpress.org/plugins/enable-jquery-migrate-helper/' ) )
|
|
||||||
);
|
|
||||||
?>
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -239,9 +214,9 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
|
||||||
<p>
|
<p>
|
||||||
<?php
|
<?php
|
||||||
printf(
|
printf(
|
||||||
/* translators: %s: WordPress 5.6 Field Guide link. */
|
/* translators: %s: WordPress 5.7 Field Guide link. */
|
||||||
__( 'Check out the latest version of the WordPress Field Guide. It highlights developer notes for each change you may want to be aware of. <a href="%s">WordPress 5.6 Field Guide.</a>' ),
|
__( '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.7 Field Guide.</a>' ),
|
||||||
'https://make.wordpress.org/core/2020/11/20/wordpress-5-6-field-guide/'
|
'https://make.wordpress.org/core/2021/02/23/wordpress-5-7-field-guide'
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</p>
|
</p>
|
||||||
|
|
|
||||||
|
|
@ -22,10 +22,7 @@ $credits = wp_credits();
|
||||||
|
|
||||||
<div class="about__header">
|
<div class="about__header">
|
||||||
<div class="about__header-image">
|
<div class="about__header-image">
|
||||||
<picture>
|
<img alt="<?php _e( 'Code is Poetry' ); ?>" src="images/about-badge.svg" />
|
||||||
<source media="(max-width: 782px)" srcset="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205 109" width="205"><g fill="none" fill-rule="evenodd"><path fill="#000" fill-rule="nonzero" d="M65.901 108.433c2.546-5.254 4.927-9.195 7.143-11.822H1.246v-5.173h71.798c-2.216-2.627-4.597-6.568-7.143-11.822h4.31c5.173 5.993 10.592 10.427 16.257 13.3v2.217c-5.665 2.791-11.084 7.225-16.256 13.3h-4.31z"/><path fill="#000" fill-rule="nonzero" d="M29.345 26.834c-.129 1.365-.633 2.432-1.512 3.2-.879.76-2.048 1.142-3.507 1.142-1.02 0-1.919-.24-2.698-.72-.773-.487-1.371-1.176-1.793-2.066-.422-.891-.641-1.925-.659-3.103v-1.195c0-1.207.214-2.27.642-3.19.427-.92 1.04-1.63 1.836-2.128.803-.498 1.729-.747 2.778-.747 1.412 0 2.549.384 3.41 1.152.861.767 1.362 1.851 1.503 3.252H27.13c-.105-.92-.375-1.582-.809-1.987-.427-.41-1.057-.615-1.89-.615-.966 0-1.71.355-2.232 1.064-.515.703-.779 1.737-.79 3.102v1.134c0 1.383.245 2.437.738 3.164.498.727 1.224 1.09 2.18 1.09.872 0 1.529-.197 1.968-.59.44-.392.718-1.045.835-1.959h2.215zm14.008-1.898c0 1.253-.217 2.355-.65 3.304-.434.944-1.055 1.67-1.864 2.18-.803.504-1.728.756-2.777.756-1.037 0-1.963-.252-2.777-.756-.809-.51-1.436-1.234-1.881-2.171-.44-.938-.662-2.018-.668-3.243v-.72c0-1.249.22-2.35.659-3.306.445-.955 1.07-1.684 1.872-2.188.809-.51 1.734-.765 2.777-.765 1.043 0 1.966.252 2.769.756.808.498 1.432 1.219 1.872 2.162.44.938.662 2.03.668 3.279v.712zm-2.224-.668c0-1.418-.27-2.505-.808-3.261-.534-.756-1.292-1.134-2.277-1.134-.96 0-1.714.378-2.258 1.134-.54.75-.815 1.813-.827 3.19v.739c0 1.406.273 2.493.818 3.26.55.768 1.312 1.152 2.285 1.152.984 0 1.74-.375 2.267-1.125.534-.75.8-1.846.8-3.287v-.668zM47.368 31V18.203h3.78c1.13 0 2.132.252 3.005.756a5.146 5.146 0 012.039 2.145c.48.925.72 1.986.72 3.181v.642c0 1.213-.243 2.28-.729 3.199a5.057 5.057 0 01-2.065 2.127c-.89.498-1.913.747-3.068.747h-3.682zm2.223-11.004v9.229h1.45c1.167 0 2.06-.364 2.681-1.09.627-.733.947-1.782.958-3.147v-.712c0-1.388-.302-2.449-.905-3.181-.604-.733-1.48-1.099-2.628-1.099h-1.556zm18.816 5.291h-5.256v3.938h6.144V31h-8.368V18.203h8.306v1.793h-6.082v3.533h5.256v1.758zM81.534 31H79.32V18.203h2.215V31zm11.222-3.296c0-.562-.199-.996-.597-1.3-.393-.305-1.105-.613-2.136-.924-1.031-.31-1.852-.656-2.461-1.037-1.166-.732-1.75-1.687-1.75-2.865 0-1.031.42-1.88 1.258-2.549.843-.668 1.936-1.002 3.278-1.002.89 0 1.685.164 2.382.492a3.898 3.898 0 011.643 1.407c.399.603.598 1.274.598 2.013h-2.215c0-.669-.21-1.19-.633-1.565-.416-.38-1.013-.571-1.793-.571-.726 0-1.292.155-1.696.466-.398.31-.598.744-.598 1.3 0 .47.217.862.65 1.178.434.31 1.15.615 2.145.914.996.293 1.796.63 2.4 1.01.603.376 1.046.81 1.327 1.302.281.486.422 1.057.422 1.713 0 1.067-.41 1.916-1.23 2.55-.815.626-1.923.94-3.323.94-.926 0-1.778-.17-2.558-.51-.773-.346-1.376-.82-1.81-1.424-.428-.603-.642-1.306-.642-2.11h2.224c0 .727.24 1.29.72 1.688.481.399 1.17.598 2.066.598.774 0 1.354-.155 1.74-.466.393-.316.59-.732.59-1.248zm14.481-1.459V31h-2.224V18.203h4.896c1.43 0 2.563.372 3.401 1.116.844.745 1.266 1.729 1.266 2.954 0 1.253-.413 2.229-1.239 2.926-.821.697-1.972 1.046-3.454 1.046h-2.646zm0-1.784h2.672c.791 0 1.395-.185 1.811-.554.416-.375.624-.914.624-1.617 0-.691-.211-1.242-.633-1.652-.422-.416-1.002-.63-1.74-.642h-2.734v4.465zm21.303.475c0 1.253-.217 2.355-.65 3.304-.434.944-1.055 1.67-1.864 2.18-.802.504-1.728.756-2.777.756-1.037 0-1.963-.252-2.777-.756-.809-.51-1.436-1.234-1.881-2.171-.44-.938-.662-2.018-.668-3.243v-.72c0-1.249.22-2.35.659-3.306.445-.955 1.069-1.684 1.872-2.188.809-.51 1.734-.765 2.777-.765 1.043 0 1.966.252 2.769.756.809.498 1.433 1.219 1.872 2.162.44.938.662 2.03.668 3.279v.712zm-2.224-.668c0-1.418-.269-2.505-.808-3.261-.533-.756-1.292-1.134-2.277-1.134-.96 0-1.713.378-2.258 1.134-.539.75-.815 1.813-.827 3.19v.739c0 1.406.273 2.493.818 3.26.551.768 1.312 1.152 2.285 1.152.984 0 1.74-.375 2.268-1.125.533-.75.799-1.846.799-3.287v-.668zm13.718 1.02h-5.255v3.937h6.143V31h-8.367V18.203h8.306v1.793h-6.082v3.533h5.255v1.758zm13.92-5.292h-3.99V31h-2.206V19.996h-3.955v-1.793h10.151v1.793zm8.19 6.073h-2.478V31h-2.224V18.203h4.5c1.477 0 2.616.331 3.419.993.803.662 1.204 1.62 1.204 2.874 0 .856-.208 1.574-.624 2.154-.41.574-.984 1.016-1.723 1.327l2.874 5.335V31h-2.381l-2.567-4.93zm-2.478-1.784h2.285c.75 0 1.336-.187 1.758-.562.421-.381.632-.9.632-1.556 0-.686-.196-1.216-.588-1.59-.387-.376-.967-.57-1.741-.58h-2.346v4.288zm14.561-.017l2.945-6.065h2.461l-4.289 8.086V31h-2.233v-4.71l-4.298-8.087h2.47l2.944 6.065z"/><path stroke="#000" stroke-width="2" d="M2 1h201v46H2z"/></g></svg>' ); ?>" />
|
|
||||||
<img alt="<?php _e( 'Code is Poetry' ); ?>" src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1210 48"><path fill="#000" d="M65.875 39.875c2.583-5.333 5-9.333 7.25-12H.25v-5.25h72.875c-2.25-2.667-4.667-6.667-7.25-12h4.375c5.25 6.083 10.75 10.583 16.5 13.5v2.25c-5.75 2.833-11.25 7.333-16.5 13.5h-4.375zM1035.34 26.834c-.12 1.365-.63 2.432-1.51 3.2-.88.76-2.04 1.142-3.5 1.142-1.02 0-1.92-.24-2.7-.72-.78-.487-1.37-1.176-1.79-2.066-.43-.891-.65-1.925-.66-3.103v-1.195c0-1.207.21-2.27.64-3.19.43-.92 1.04-1.63 1.83-2.128.81-.498 1.73-.747 2.78-.747 1.41 0 2.55.384 3.41 1.152.86.767 1.36 1.851 1.5 3.252h-2.21c-.11-.92-.37-1.582-.81-1.987-.43-.41-1.06-.615-1.89-.615-.96 0-1.71.355-2.23 1.064-.52.703-.78 1.737-.79 3.102v1.134c0 1.383.24 2.437.74 3.164.49.727 1.22 1.09 2.18 1.09.87 0 1.53-.197 1.97-.59.43-.392.71-1.045.83-1.959h2.21zm14.01-1.898c0 1.253-.21 2.355-.65 3.304-.43.944-1.05 1.67-1.86 2.18-.8.504-1.73.756-2.78.756-1.04 0-1.96-.252-2.78-.756-.8-.51-1.43-1.234-1.88-2.171-.44-.938-.66-2.018-.66-3.243v-.72c0-1.249.22-2.35.65-3.306.45-.955 1.07-1.684 1.88-2.188.81-.51 1.73-.765 2.77-.765 1.05 0 1.97.252 2.77.756.81.498 1.44 1.219 1.87 2.162.44.938.67 2.03.67 3.279v.712zm-2.22-.668c0-1.418-.27-2.505-.81-3.261-.53-.756-1.29-1.134-2.28-1.134-.96 0-1.71.378-2.25 1.134-.54.75-.82 1.813-.83 3.19v.739c0 1.406.27 2.493.82 3.26.55.768 1.31 1.152 2.28 1.152.99 0 1.74-.375 2.27-1.125s.8-1.846.8-3.287v-.668zm6.24 6.732V18.203h3.78c1.13 0 2.13.252 3 .756a5.138 5.138 0 012.04 2.145c.48.925.72 1.986.72 3.181v.642c0 1.213-.24 2.28-.73 3.199a5.08 5.08 0 01-2.06 2.127c-.89.498-1.92.747-3.07.747h-3.68zm2.22-11.004v9.229h1.45c1.17 0 2.06-.364 2.68-1.09.63-.733.95-1.782.96-3.147v-.712c0-1.388-.3-2.449-.9-3.181-.61-.733-1.48-1.099-2.63-1.099h-1.56zm18.82 5.291h-5.26v3.938h6.14V31h-8.36V18.203h8.3v1.793h-6.08v3.533h5.26v1.758zM1087.53 31h-2.21V18.203h2.21V31zm11.23-3.296c0-.562-.2-.996-.6-1.3-.39-.305-1.11-.613-2.14-.924-1.03-.31-1.85-.656-2.46-1.037-1.16-.732-1.75-1.687-1.75-2.865 0-1.031.42-1.88 1.26-2.549.84-.668 1.94-1.002 3.28-1.002.89 0 1.68.164 2.38.492.7.329 1.25.797 1.64 1.407.4.603.6 1.274.6 2.013h-2.21c0-.669-.21-1.19-.64-1.565-.41-.38-1.01-.571-1.79-.571-.73 0-1.29.155-1.7.466-.39.31-.59.744-.59 1.3 0 .47.21.862.65 1.178.43.31 1.15.615 2.14.914 1 .293 1.8.63 2.4 1.01.6.376 1.05.81 1.33 1.302.28.486.42 1.057.42 1.713 0 1.067-.41 1.916-1.23 2.55-.82.626-1.92.94-3.32.94-.93 0-1.78-.17-2.56-.51-.77-.346-1.38-.82-1.81-1.424-.43-.603-.64-1.306-.64-2.11h2.22c0 .727.24 1.29.72 1.688.48.399 1.17.598 2.07.598.77 0 1.35-.155 1.74-.466.39-.316.59-.732.59-1.248zm14.48-1.459V31h-2.23V18.203h4.9c1.43 0 2.56.372 3.4 1.116.84.745 1.27 1.729 1.27 2.954 0 1.253-.42 2.229-1.24 2.926-.82.697-1.97 1.046-3.46 1.046h-2.64zm0-1.784h2.67c.79 0 1.39-.185 1.81-.554.42-.375.62-.914.62-1.617 0-.691-.21-1.242-.63-1.652-.42-.416-1-.63-1.74-.642h-2.73v4.465zm21.3.475c0 1.253-.22 2.355-.65 3.304-.43.944-1.06 1.67-1.86 2.18-.81.504-1.73.756-2.78.756-1.04 0-1.96-.252-2.78-.756-.81-.51-1.43-1.234-1.88-2.171-.44-.938-.66-2.018-.67-3.243v-.72c0-1.249.22-2.35.66-3.306.45-.955 1.07-1.684 1.87-2.188.81-.51 1.74-.765 2.78-.765 1.04 0 1.97.252 2.77.756.81.498 1.43 1.219 1.87 2.162.44.938.66 2.03.67 3.279v.712zm-2.22-.668c0-1.418-.27-2.505-.81-3.261-.54-.756-1.29-1.134-2.28-1.134-.96 0-1.71.378-2.26 1.134-.54.75-.81 1.813-.82 3.19v.739c0 1.406.27 2.493.81 3.26.55.768 1.32 1.152 2.29 1.152.98 0 1.74-.375 2.27-1.125s.8-1.846.8-3.287v-.668zm13.71 1.02h-5.25v3.937h6.14V31h-8.37V18.203h8.31v1.793h-6.08v3.533h5.25v1.758zm13.92-5.292h-3.99V31h-2.2V19.996h-3.96v-1.793h10.15v1.793zm8.19 6.073h-2.47V31h-2.23V18.203h4.5c1.48 0 2.62.331 3.42.993.8.662 1.21 1.62 1.21 2.874 0 .856-.21 1.574-.63 2.154-.41.574-.98 1.016-1.72 1.327l2.87 5.335V31h-2.38l-2.57-4.93zm-2.47-1.784h2.28c.75 0 1.34-.187 1.76-.562.42-.381.63-.9.63-1.556 0-.686-.19-1.216-.59-1.59-.38-.376-.96-.57-1.74-.58h-2.34v4.288zm14.56-.017l2.94-6.065h2.46l-4.29 8.086V31h-2.23v-4.71l-4.3-8.087h2.47l2.95 6.065z"/><path stroke="#000" stroke-width="2" d="M1008 1h201v46h-201z"/></svg>' ); ?>" />
|
|
||||||
</picture>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="about__header-container">
|
<div class="about__header-container">
|
||||||
|
|
@ -37,10 +34,7 @@ $credits = wp_credits();
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="about__header-text">
|
<div class="about__header-text">
|
||||||
<?php _e( 'Sharing your stories has never been easier' ); ?>
|
<?php _e( 'Jazz up your stories in an editor that’s cleaner, crisper, and does more to get out of your way.' ); ?>
|
||||||
</div>
|
|
||||||
<div class="about__header-badge">
|
|
||||||
<img alt="<?php _e( 'New' ); ?>" src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 153 153" width="115"><circle cx="76.5" cy="76.5" r="76.5" fill="#000"/><path fill="#D1CFE4" d="M53.333 86h-2.827L39.769 69.564V86H36.94V64.672h2.828L50.535 81.18V64.67h2.798V86zm26.05-9.858h-9.242V83.7h10.737V86h-13.55V64.672h13.403v2.314h-10.59v6.856h9.243v2.3zm18.596 3.134l.41 2.813.6-2.534 4.219-14.883h2.373l4.116 14.883.586 2.578.454-2.871 3.311-14.59h2.827L111.704 86h-2.563l-4.395-15.542-.337-1.626-.337 1.626L99.517 86h-2.564l-5.156-21.328h2.812l3.37 14.604z"/></svg>' ); ?>" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -20,31 +20,23 @@
|
||||||
------------------------------------------------------------------------------*/
|
------------------------------------------------------------------------------*/
|
||||||
|
|
||||||
.about__container {
|
.about__container {
|
||||||
/* Colors from Twenty Twenty-One, will be removed after 5.6 */
|
|
||||||
--global--color-green: #d1e4dd;
|
|
||||||
--global--color-blue: #d1dfe4;
|
|
||||||
--global--color-purple: #d1d1e4;
|
|
||||||
--global--color-red: #e4d1d1;
|
|
||||||
--global--color-orange: #e4dad1;
|
|
||||||
--global--color-yellow: #eeeadd;
|
|
||||||
|
|
||||||
/* Section backgrounds */
|
/* Section backgrounds */
|
||||||
--background: #fff;
|
--background: #fff;
|
||||||
--subtle-background: var(--global--color-yellow);
|
--subtle-background: #fde4bf;
|
||||||
|
|
||||||
/* Main text color */
|
/* Main text color */
|
||||||
--text: #000;
|
--text: #00131c;
|
||||||
--text-light: #fff;
|
--text-light: #fff;
|
||||||
|
|
||||||
/* Accent colors: used in header, on special classes. */
|
/* Accent colors: used in header, on special classes. */
|
||||||
--accent-1: var(--global--color-green); /* Accent background */
|
--accent-1: #0a5b89; /* Accent background */
|
||||||
--accent-2: var(--text); /* Link color */
|
--accent-2: #fde4bf; /* Heading subtitle */
|
||||||
|
|
||||||
/* Navigation colors. */
|
/* Navigation colors. */
|
||||||
--nav-background: var(--background);
|
--nav-background: var(--background);
|
||||||
--nav-border: #767676;
|
--nav-border: #fcc36f;
|
||||||
--nav-color: #767676;
|
--nav-color: var(--text);
|
||||||
--nav-current: #000;
|
--nav-current: #0a5b88;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*------------------------------------------------------------------------------
|
/*------------------------------------------------------------------------------
|
||||||
|
|
@ -115,8 +107,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container .has-accent-background-color {
|
.about__container .has-accent-background-color {
|
||||||
background-color: #d1e4dd;
|
background-color: #0a5b89;
|
||||||
background-color: var(--accent-1);
|
background-color: var(--accent-1);
|
||||||
|
color: #fff;
|
||||||
|
color: var(--text-light);
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container .has-transparent-background-color {
|
.about__container .has-transparent-background-color {
|
||||||
|
|
@ -124,7 +118,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container .has-accent-color {
|
.about__container .has-accent-color {
|
||||||
color: #000;
|
color: #00131c;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
@ -134,7 +128,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container .has-subtle-background-color {
|
.about__container .has-subtle-background-color {
|
||||||
background-color: #eeeadd;
|
background-color: #fde4bf;
|
||||||
background-color: var(--subtle-background);
|
background-color: var(--subtle-background);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -147,7 +141,7 @@
|
||||||
/* 1.1 - Layout */
|
/* 1.1 - Layout */
|
||||||
|
|
||||||
.about__section {
|
.about__section {
|
||||||
margin: 1em 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__section .column {
|
.about__section .column {
|
||||||
|
|
@ -158,6 +152,10 @@
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.about__section + .about__section .is-section-header {
|
||||||
|
padding-bottom: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
.about__section .column[class*="background-color"],
|
.about__section .column[class*="background-color"],
|
||||||
.about__section .column.has-border {
|
.about__section .column.has-border {
|
||||||
padding-top: 32px;
|
padding-top: 32px;
|
||||||
|
|
@ -448,6 +446,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 480px) {
|
@media screen and (max-width: 480px) {
|
||||||
|
.about__section.is-feature .column {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.about__section.has-4-columns {
|
.about__section.has-4-columns {
|
||||||
display: block;
|
display: block;
|
||||||
padding-bottom: 16px;
|
padding-bottom: 16px;
|
||||||
|
|
@ -471,7 +473,7 @@
|
||||||
|
|
||||||
.about__container {
|
.about__container {
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
color: #000;
|
color: #00131c;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -493,9 +495,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container h3,
|
.about__container h3,
|
||||||
|
.about__container h1.is-smaller-heading,
|
||||||
.about__container h2.is-smaller-heading {
|
.about__container h2.is-smaller-heading {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container p {
|
.about__container p {
|
||||||
|
|
@ -504,16 +508,16 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__section a {
|
.about__section a {
|
||||||
color: #000;
|
color: #0a5b89;
|
||||||
color: var(--accent-2);
|
color: var(--accent-1);
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__section a:hover,
|
.about__section a:hover,
|
||||||
.about__section a:active,
|
.about__section a:active,
|
||||||
.about__section a:focus {
|
.about__section a:focus {
|
||||||
color: #000;
|
color: #0a5b89;
|
||||||
color: var(--accent-2);
|
color: var(--accent-1);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -553,6 +557,50 @@
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.about__container .about__image-comparison {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about__container .about__image-comparison img {
|
||||||
|
user-select: none;
|
||||||
|
width: auto;
|
||||||
|
max-width: none;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about__container .about__image-comparison > img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about__container .about__image-comparison-resize {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 50%;
|
||||||
|
max-width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
resize: horizontal;
|
||||||
|
border-left: 2px solid white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about__container .about__image-comparison-resize:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
font-family: dashicons;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.about__container .about__image + h3 {
|
.about__container .about__image + h3 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
@ -569,9 +617,7 @@
|
||||||
|
|
||||||
.about__container hr.is-large {
|
.about__container hr.is-large {
|
||||||
height: 64px;
|
height: 64px;
|
||||||
width: 2px;
|
|
||||||
margin: 16px auto;
|
margin: 16px auto;
|
||||||
background: currentColor;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container div.updated,
|
.about__container div.updated,
|
||||||
|
|
@ -586,14 +632,11 @@
|
||||||
|
|
||||||
.about__section.is-feature {
|
.about__section.is-feature {
|
||||||
font-size: 1.6em;
|
font-size: 1.6em;
|
||||||
font-weight: 600;
|
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 480px) {
|
@media screen and (max-width: 480px) {
|
||||||
.about__section.is-feature {
|
.about__section.is-feature {
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
font-weight: 500;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container h1,
|
.about__container h1,
|
||||||
|
|
@ -608,38 +651,24 @@
|
||||||
.about__header {
|
.about__header {
|
||||||
margin-bottom: 32px;
|
margin-bottom: 32px;
|
||||||
padding-top: 3em;
|
padding-top: 3em;
|
||||||
background-color: #d1e4dd;
|
background-position: bottom center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
background-image: url('../images/about-header-brushes.svg');
|
||||||
|
background-color: #0a5b89;
|
||||||
background-color: var(--accent-1);
|
background-color: var(--accent-1);
|
||||||
color: #000;
|
color: #fff;
|
||||||
color: var(--text);
|
color: var(--text-light);
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-image {
|
.about__header-image {
|
||||||
margin: 0 32px 3em;
|
margin: 0 32px 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-container {
|
|
||||||
display: -ms-grid;
|
|
||||||
display: grid;
|
|
||||||
-ms-grid-columns: 3fr 1fr;
|
|
||||||
grid-template-columns: 3fr 1fr;
|
|
||||||
-ms-grid-rows: auto auto;
|
|
||||||
grid-template-rows: auto auto;
|
|
||||||
justify-items: start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__header-title {
|
.about__header-title {
|
||||||
display: inline-block;
|
|
||||||
padding: 1em 0;
|
padding: 1em 0;
|
||||||
margin: 0 32px 4em;
|
margin: 0 32px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-width: 3px 0;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: currentColor;
|
|
||||||
-ms-grid-column: 1;
|
|
||||||
grid-column: 1;
|
|
||||||
-ms-grid-row: 1;
|
|
||||||
grid-row: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-title p {
|
.about__header-title p {
|
||||||
|
|
@ -647,32 +676,19 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-size: 6em;
|
font-size: 6em;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
font-weight: 500;
|
font-weight: 900;
|
||||||
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-text {
|
.about__header-text {
|
||||||
margin: 0 32px 3em;
|
max-width: 25em;
|
||||||
max-width: 13em;
|
margin: 0 auto 8em;
|
||||||
|
padding: 0 16px;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
-ms-grid-column: 1;
|
color: #fde4bf;
|
||||||
grid-column: 1;
|
color: var(--accent-2);
|
||||||
-ms-grid-row: 2;
|
text-align: center;
|
||||||
grid-row: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__header-text p {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__header-badge {
|
|
||||||
-ms-grid-column: 2;
|
|
||||||
grid-column: 2;
|
|
||||||
-ms-grid-row: 1;
|
|
||||||
-ms-grid-row-span: 2;
|
|
||||||
grid-row: 1 / span 2;
|
|
||||||
-ms-grid-row-align: center;
|
|
||||||
align-self: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-navigation {
|
.about__header-navigation {
|
||||||
|
|
@ -680,9 +696,9 @@
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
background: var(--nav-background);
|
background: var(--nav-background);
|
||||||
color: #767676;
|
color: #00131c;
|
||||||
color: var(--nav-color);
|
color: var(--nav-color);
|
||||||
border-bottom: 3px solid #767676;
|
border-bottom: 3px solid #fcc36f;
|
||||||
border-bottom: 3px solid var(--nav-border);
|
border-bottom: 3px solid var(--nav-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -700,31 +716,37 @@
|
||||||
|
|
||||||
.about__header-navigation .nav-tab:hover,
|
.about__header-navigation .nav-tab:hover,
|
||||||
.about__header-navigation .nav-tab:active {
|
.about__header-navigation .nav-tab:active {
|
||||||
background-color: #000;
|
background-color: #0a5b88;
|
||||||
background-color: var(--text);
|
background-color: var(--nav-current);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
color: var(--text-light);
|
color: var(--text-light);
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-navigation .nav-tab-active {
|
.about__header-navigation .nav-tab-active {
|
||||||
margin-bottom: -3px;
|
margin-bottom: -3px;
|
||||||
color: #000;
|
color: #0a5b88;
|
||||||
color: var(--nav-current);
|
color: var(--nav-current);
|
||||||
border-width: 0 0 6px;
|
border-width: 0 0 6px;
|
||||||
border-color: #000;
|
border-color: #0a5b88;
|
||||||
border-color: var(--nav-current);
|
border-color: var(--nav-current);
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-navigation .nav-tab-active:hover,
|
.about__header-navigation .nav-tab-active:hover,
|
||||||
.about__header-navigation .nav-tab-active:active {
|
.about__header-navigation .nav-tab-active:active {
|
||||||
background-color: #000;
|
background-color: #0a5b88;
|
||||||
background-color: var(--text);
|
background-color: var(--nav-current);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
color: var(--text-light);
|
color: var(--text-light);
|
||||||
border-color: #000;
|
border-color: #0a5b88;
|
||||||
border-color: var(--nav-current);
|
border-color: var(--nav-current);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 960px){
|
||||||
|
.about__header-title p {
|
||||||
|
font-size: 4.8em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 782px) {
|
@media screen and (max-width: 782px) {
|
||||||
.about__container .about__header-text {
|
.about__container .about__header-text {
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
|
|
@ -735,21 +757,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-title,
|
.about__header-title,
|
||||||
.about__header-text,
|
.about__header-image {
|
||||||
.about__header-image,
|
|
||||||
.about__header-badge {
|
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-text {
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__header-badge {
|
|
||||||
margin-bottom: 3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__header-navigation .nav-tab {
|
.about__header-navigation .nav-tab {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
|
@ -758,8 +770,16 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 480px) {
|
@media screen and (max-width: 480px) {
|
||||||
|
.about__header {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
|
||||||
.about__header-title p {
|
.about__header-title p {
|
||||||
font-size: 3.2em;
|
font-size: 2.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about__header-text {
|
||||||
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-navigation .nav-tab {
|
.about__header-navigation .nav-tab {
|
||||||
|
|
@ -821,7 +841,7 @@
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #000;
|
color: #00131c;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -19,31 +19,23 @@
|
||||||
------------------------------------------------------------------------------*/
|
------------------------------------------------------------------------------*/
|
||||||
|
|
||||||
.about__container {
|
.about__container {
|
||||||
/* Colors from Twenty Twenty-One, will be removed after 5.6 */
|
|
||||||
--global--color-green: #d1e4dd;
|
|
||||||
--global--color-blue: #d1dfe4;
|
|
||||||
--global--color-purple: #d1d1e4;
|
|
||||||
--global--color-red: #e4d1d1;
|
|
||||||
--global--color-orange: #e4dad1;
|
|
||||||
--global--color-yellow: #eeeadd;
|
|
||||||
|
|
||||||
/* Section backgrounds */
|
/* Section backgrounds */
|
||||||
--background: #fff;
|
--background: #fff;
|
||||||
--subtle-background: var(--global--color-yellow);
|
--subtle-background: #fde4bf;
|
||||||
|
|
||||||
/* Main text color */
|
/* Main text color */
|
||||||
--text: #000;
|
--text: #00131c;
|
||||||
--text-light: #fff;
|
--text-light: #fff;
|
||||||
|
|
||||||
/* Accent colors: used in header, on special classes. */
|
/* Accent colors: used in header, on special classes. */
|
||||||
--accent-1: var(--global--color-green); /* Accent background */
|
--accent-1: #0a5b89; /* Accent background */
|
||||||
--accent-2: var(--text); /* Link color */
|
--accent-2: #fde4bf; /* Heading subtitle */
|
||||||
|
|
||||||
/* Navigation colors. */
|
/* Navigation colors. */
|
||||||
--nav-background: var(--background);
|
--nav-background: var(--background);
|
||||||
--nav-border: #767676;
|
--nav-border: #fcc36f;
|
||||||
--nav-color: #767676;
|
--nav-color: var(--text);
|
||||||
--nav-current: #000;
|
--nav-current: #0a5b88;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*------------------------------------------------------------------------------
|
/*------------------------------------------------------------------------------
|
||||||
|
|
@ -114,8 +106,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container .has-accent-background-color {
|
.about__container .has-accent-background-color {
|
||||||
background-color: #d1e4dd;
|
background-color: #0a5b89;
|
||||||
background-color: var(--accent-1);
|
background-color: var(--accent-1);
|
||||||
|
color: #fff;
|
||||||
|
color: var(--text-light);
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container .has-transparent-background-color {
|
.about__container .has-transparent-background-color {
|
||||||
|
|
@ -123,7 +117,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container .has-accent-color {
|
.about__container .has-accent-color {
|
||||||
color: #000;
|
color: #00131c;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
@ -133,7 +127,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container .has-subtle-background-color {
|
.about__container .has-subtle-background-color {
|
||||||
background-color: #eeeadd;
|
background-color: #fde4bf;
|
||||||
background-color: var(--subtle-background);
|
background-color: var(--subtle-background);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -146,7 +140,7 @@
|
||||||
/* 1.1 - Layout */
|
/* 1.1 - Layout */
|
||||||
|
|
||||||
.about__section {
|
.about__section {
|
||||||
margin: 1em 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__section .column {
|
.about__section .column {
|
||||||
|
|
@ -157,6 +151,10 @@
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.about__section + .about__section .is-section-header {
|
||||||
|
padding-bottom: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
.about__section .column[class*="background-color"],
|
.about__section .column[class*="background-color"],
|
||||||
.about__section .column.has-border {
|
.about__section .column.has-border {
|
||||||
padding-top: 32px;
|
padding-top: 32px;
|
||||||
|
|
@ -447,6 +445,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 480px) {
|
@media screen and (max-width: 480px) {
|
||||||
|
.about__section.is-feature .column {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.about__section.has-4-columns {
|
.about__section.has-4-columns {
|
||||||
display: block;
|
display: block;
|
||||||
padding-bottom: 16px;
|
padding-bottom: 16px;
|
||||||
|
|
@ -470,7 +472,7 @@
|
||||||
|
|
||||||
.about__container {
|
.about__container {
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
color: #000;
|
color: #00131c;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -492,9 +494,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container h3,
|
.about__container h3,
|
||||||
|
.about__container h1.is-smaller-heading,
|
||||||
.about__container h2.is-smaller-heading {
|
.about__container h2.is-smaller-heading {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container p {
|
.about__container p {
|
||||||
|
|
@ -503,16 +507,16 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__section a {
|
.about__section a {
|
||||||
color: #000;
|
color: #0a5b89;
|
||||||
color: var(--accent-2);
|
color: var(--accent-1);
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__section a:hover,
|
.about__section a:hover,
|
||||||
.about__section a:active,
|
.about__section a:active,
|
||||||
.about__section a:focus {
|
.about__section a:focus {
|
||||||
color: #000;
|
color: #0a5b89;
|
||||||
color: var(--accent-2);
|
color: var(--accent-1);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -552,6 +556,50 @@
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.about__container .about__image-comparison {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about__container .about__image-comparison img {
|
||||||
|
user-select: none;
|
||||||
|
width: auto;
|
||||||
|
max-width: none;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about__container .about__image-comparison > img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about__container .about__image-comparison-resize {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 50%;
|
||||||
|
max-width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
resize: horizontal;
|
||||||
|
border-right: 2px solid white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about__container .about__image-comparison-resize:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
font-family: dashicons;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.about__container .about__image + h3 {
|
.about__container .about__image + h3 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
@ -568,9 +616,7 @@
|
||||||
|
|
||||||
.about__container hr.is-large {
|
.about__container hr.is-large {
|
||||||
height: 64px;
|
height: 64px;
|
||||||
width: 2px;
|
|
||||||
margin: 16px auto;
|
margin: 16px auto;
|
||||||
background: currentColor;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container div.updated,
|
.about__container div.updated,
|
||||||
|
|
@ -585,14 +631,11 @@
|
||||||
|
|
||||||
.about__section.is-feature {
|
.about__section.is-feature {
|
||||||
font-size: 1.6em;
|
font-size: 1.6em;
|
||||||
font-weight: 600;
|
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 480px) {
|
@media screen and (max-width: 480px) {
|
||||||
.about__section.is-feature {
|
.about__section.is-feature {
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
font-weight: 500;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__container h1,
|
.about__container h1,
|
||||||
|
|
@ -607,38 +650,24 @@
|
||||||
.about__header {
|
.about__header {
|
||||||
margin-bottom: 32px;
|
margin-bottom: 32px;
|
||||||
padding-top: 3em;
|
padding-top: 3em;
|
||||||
background-color: #d1e4dd;
|
background-position: bottom center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
background-image: url('../images/about-header-brushes.svg');
|
||||||
|
background-color: #0a5b89;
|
||||||
background-color: var(--accent-1);
|
background-color: var(--accent-1);
|
||||||
color: #000;
|
color: #fff;
|
||||||
color: var(--text);
|
color: var(--text-light);
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-image {
|
.about__header-image {
|
||||||
margin: 0 32px 3em;
|
margin: 0 32px 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-container {
|
|
||||||
display: -ms-grid;
|
|
||||||
display: grid;
|
|
||||||
-ms-grid-columns: 3fr 1fr;
|
|
||||||
grid-template-columns: 3fr 1fr;
|
|
||||||
-ms-grid-rows: auto auto;
|
|
||||||
grid-template-rows: auto auto;
|
|
||||||
justify-items: start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__header-title {
|
.about__header-title {
|
||||||
display: inline-block;
|
|
||||||
padding: 1em 0;
|
padding: 1em 0;
|
||||||
margin: 0 32px 4em;
|
margin: 0 32px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-width: 3px 0;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: currentColor;
|
|
||||||
-ms-grid-column: 1;
|
|
||||||
grid-column: 1;
|
|
||||||
-ms-grid-row: 1;
|
|
||||||
grid-row: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-title p {
|
.about__header-title p {
|
||||||
|
|
@ -646,32 +675,19 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-size: 6em;
|
font-size: 6em;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
font-weight: 500;
|
font-weight: 900;
|
||||||
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-text {
|
.about__header-text {
|
||||||
margin: 0 32px 3em;
|
max-width: 25em;
|
||||||
max-width: 13em;
|
margin: 0 auto 8em;
|
||||||
|
padding: 0 16px;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
-ms-grid-column: 1;
|
color: #fde4bf;
|
||||||
grid-column: 1;
|
color: var(--accent-2);
|
||||||
-ms-grid-row: 2;
|
text-align: center;
|
||||||
grid-row: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__header-text p {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__header-badge {
|
|
||||||
-ms-grid-column: 2;
|
|
||||||
grid-column: 2;
|
|
||||||
-ms-grid-row: 1;
|
|
||||||
-ms-grid-row-span: 2;
|
|
||||||
grid-row: 1 / span 2;
|
|
||||||
-ms-grid-row-align: center;
|
|
||||||
align-self: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-navigation {
|
.about__header-navigation {
|
||||||
|
|
@ -679,9 +695,9 @@
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
background: var(--nav-background);
|
background: var(--nav-background);
|
||||||
color: #767676;
|
color: #00131c;
|
||||||
color: var(--nav-color);
|
color: var(--nav-color);
|
||||||
border-bottom: 3px solid #767676;
|
border-bottom: 3px solid #fcc36f;
|
||||||
border-bottom: 3px solid var(--nav-border);
|
border-bottom: 3px solid var(--nav-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -699,31 +715,37 @@
|
||||||
|
|
||||||
.about__header-navigation .nav-tab:hover,
|
.about__header-navigation .nav-tab:hover,
|
||||||
.about__header-navigation .nav-tab:active {
|
.about__header-navigation .nav-tab:active {
|
||||||
background-color: #000;
|
background-color: #0a5b88;
|
||||||
background-color: var(--text);
|
background-color: var(--nav-current);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
color: var(--text-light);
|
color: var(--text-light);
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-navigation .nav-tab-active {
|
.about__header-navigation .nav-tab-active {
|
||||||
margin-bottom: -3px;
|
margin-bottom: -3px;
|
||||||
color: #000;
|
color: #0a5b88;
|
||||||
color: var(--nav-current);
|
color: var(--nav-current);
|
||||||
border-width: 0 0 6px;
|
border-width: 0 0 6px;
|
||||||
border-color: #000;
|
border-color: #0a5b88;
|
||||||
border-color: var(--nav-current);
|
border-color: var(--nav-current);
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-navigation .nav-tab-active:hover,
|
.about__header-navigation .nav-tab-active:hover,
|
||||||
.about__header-navigation .nav-tab-active:active {
|
.about__header-navigation .nav-tab-active:active {
|
||||||
background-color: #000;
|
background-color: #0a5b88;
|
||||||
background-color: var(--text);
|
background-color: var(--nav-current);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
color: var(--text-light);
|
color: var(--text-light);
|
||||||
border-color: #000;
|
border-color: #0a5b88;
|
||||||
border-color: var(--nav-current);
|
border-color: var(--nav-current);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 960px){
|
||||||
|
.about__header-title p {
|
||||||
|
font-size: 4.8em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 782px) {
|
@media screen and (max-width: 782px) {
|
||||||
.about__container .about__header-text {
|
.about__container .about__header-text {
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
|
|
@ -734,21 +756,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-title,
|
.about__header-title,
|
||||||
.about__header-text,
|
.about__header-image {
|
||||||
.about__header-image,
|
|
||||||
.about__header-badge {
|
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-text {
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__header-badge {
|
|
||||||
margin-bottom: 3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__header-navigation .nav-tab {
|
.about__header-navigation .nav-tab {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
|
|
@ -757,8 +769,16 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 480px) {
|
@media screen and (max-width: 480px) {
|
||||||
|
.about__header {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
|
||||||
.about__header-title p {
|
.about__header-title p {
|
||||||
font-size: 3.2em;
|
font-size: 2.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about__header-text {
|
||||||
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about__header-navigation .nav-tab {
|
.about__header-navigation .nav-tab {
|
||||||
|
|
@ -820,7 +840,7 @@
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #000;
|
color: #00131c;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -25,10 +25,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
|
||||||
|
|
||||||
<div class="about__header">
|
<div class="about__header">
|
||||||
<div class="about__header-image">
|
<div class="about__header-image">
|
||||||
<picture>
|
<img alt="<?php _e( 'Code is Poetry' ); ?>" src="images/about-badge.svg" />
|
||||||
<source media="(max-width: 782px)" srcset="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205 109" width="205"><g fill="none" fill-rule="evenodd"><path fill="#000" fill-rule="nonzero" d="M65.901 108.433c2.546-5.254 4.927-9.195 7.143-11.822H1.246v-5.173h71.798c-2.216-2.627-4.597-6.568-7.143-11.822h4.31c5.173 5.993 10.592 10.427 16.257 13.3v2.217c-5.665 2.791-11.084 7.225-16.256 13.3h-4.31z"/><path fill="#000" fill-rule="nonzero" d="M29.345 26.834c-.129 1.365-.633 2.432-1.512 3.2-.879.76-2.048 1.142-3.507 1.142-1.02 0-1.919-.24-2.698-.72-.773-.487-1.371-1.176-1.793-2.066-.422-.891-.641-1.925-.659-3.103v-1.195c0-1.207.214-2.27.642-3.19.427-.92 1.04-1.63 1.836-2.128.803-.498 1.729-.747 2.778-.747 1.412 0 2.549.384 3.41 1.152.861.767 1.362 1.851 1.503 3.252H27.13c-.105-.92-.375-1.582-.809-1.987-.427-.41-1.057-.615-1.89-.615-.966 0-1.71.355-2.232 1.064-.515.703-.779 1.737-.79 3.102v1.134c0 1.383.245 2.437.738 3.164.498.727 1.224 1.09 2.18 1.09.872 0 1.529-.197 1.968-.59.44-.392.718-1.045.835-1.959h2.215zm14.008-1.898c0 1.253-.217 2.355-.65 3.304-.434.944-1.055 1.67-1.864 2.18-.803.504-1.728.756-2.777.756-1.037 0-1.963-.252-2.777-.756-.809-.51-1.436-1.234-1.881-2.171-.44-.938-.662-2.018-.668-3.243v-.72c0-1.249.22-2.35.659-3.306.445-.955 1.07-1.684 1.872-2.188.809-.51 1.734-.765 2.777-.765 1.043 0 1.966.252 2.769.756.808.498 1.432 1.219 1.872 2.162.44.938.662 2.03.668 3.279v.712zm-2.224-.668c0-1.418-.27-2.505-.808-3.261-.534-.756-1.292-1.134-2.277-1.134-.96 0-1.714.378-2.258 1.134-.54.75-.815 1.813-.827 3.19v.739c0 1.406.273 2.493.818 3.26.55.768 1.312 1.152 2.285 1.152.984 0 1.74-.375 2.267-1.125.534-.75.8-1.846.8-3.287v-.668zM47.368 31V18.203h3.78c1.13 0 2.132.252 3.005.756a5.146 5.146 0 012.039 2.145c.48.925.72 1.986.72 3.181v.642c0 1.213-.243 2.28-.729 3.199a5.057 5.057 0 01-2.065 2.127c-.89.498-1.913.747-3.068.747h-3.682zm2.223-11.004v9.229h1.45c1.167 0 2.06-.364 2.681-1.09.627-.733.947-1.782.958-3.147v-.712c0-1.388-.302-2.449-.905-3.181-.604-.733-1.48-1.099-2.628-1.099h-1.556zm18.816 5.291h-5.256v3.938h6.144V31h-8.368V18.203h8.306v1.793h-6.082v3.533h5.256v1.758zM81.534 31H79.32V18.203h2.215V31zm11.222-3.296c0-.562-.199-.996-.597-1.3-.393-.305-1.105-.613-2.136-.924-1.031-.31-1.852-.656-2.461-1.037-1.166-.732-1.75-1.687-1.75-2.865 0-1.031.42-1.88 1.258-2.549.843-.668 1.936-1.002 3.278-1.002.89 0 1.685.164 2.382.492a3.898 3.898 0 011.643 1.407c.399.603.598 1.274.598 2.013h-2.215c0-.669-.21-1.19-.633-1.565-.416-.38-1.013-.571-1.793-.571-.726 0-1.292.155-1.696.466-.398.31-.598.744-.598 1.3 0 .47.217.862.65 1.178.434.31 1.15.615 2.145.914.996.293 1.796.63 2.4 1.01.603.376 1.046.81 1.327 1.302.281.486.422 1.057.422 1.713 0 1.067-.41 1.916-1.23 2.55-.815.626-1.923.94-3.323.94-.926 0-1.778-.17-2.558-.51-.773-.346-1.376-.82-1.81-1.424-.428-.603-.642-1.306-.642-2.11h2.224c0 .727.24 1.29.72 1.688.481.399 1.17.598 2.066.598.774 0 1.354-.155 1.74-.466.393-.316.59-.732.59-1.248zm14.481-1.459V31h-2.224V18.203h4.896c1.43 0 2.563.372 3.401 1.116.844.745 1.266 1.729 1.266 2.954 0 1.253-.413 2.229-1.239 2.926-.821.697-1.972 1.046-3.454 1.046h-2.646zm0-1.784h2.672c.791 0 1.395-.185 1.811-.554.416-.375.624-.914.624-1.617 0-.691-.211-1.242-.633-1.652-.422-.416-1.002-.63-1.74-.642h-2.734v4.465zm21.303.475c0 1.253-.217 2.355-.65 3.304-.434.944-1.055 1.67-1.864 2.18-.802.504-1.728.756-2.777.756-1.037 0-1.963-.252-2.777-.756-.809-.51-1.436-1.234-1.881-2.171-.44-.938-.662-2.018-.668-3.243v-.72c0-1.249.22-2.35.659-3.306.445-.955 1.069-1.684 1.872-2.188.809-.51 1.734-.765 2.777-.765 1.043 0 1.966.252 2.769.756.809.498 1.433 1.219 1.872 2.162.44.938.662 2.03.668 3.279v.712zm-2.224-.668c0-1.418-.269-2.505-.808-3.261-.533-.756-1.292-1.134-2.277-1.134-.96 0-1.713.378-2.258 1.134-.539.75-.815 1.813-.827 3.19v.739c0 1.406.273 2.493.818 3.26.551.768 1.312 1.152 2.285 1.152.984 0 1.74-.375 2.268-1.125.533-.75.799-1.846.799-3.287v-.668zm13.718 1.02h-5.255v3.937h6.143V31h-8.367V18.203h8.306v1.793h-6.082v3.533h5.255v1.758zm13.92-5.292h-3.99V31h-2.206V19.996h-3.955v-1.793h10.151v1.793zm8.19 6.073h-2.478V31h-2.224V18.203h4.5c1.477 0 2.616.331 3.419.993.803.662 1.204 1.62 1.204 2.874 0 .856-.208 1.574-.624 2.154-.41.574-.984 1.016-1.723 1.327l2.874 5.335V31h-2.381l-2.567-4.93zm-2.478-1.784h2.285c.75 0 1.336-.187 1.758-.562.421-.381.632-.9.632-1.556 0-.686-.196-1.216-.588-1.59-.387-.376-.967-.57-1.741-.58h-2.346v4.288zm14.561-.017l2.945-6.065h2.461l-4.289 8.086V31h-2.233v-4.71l-4.298-8.087h2.47l2.944 6.065z"/><path stroke="#000" stroke-width="2" d="M2 1h201v46H2z"/></g></svg>' ); ?>" />
|
|
||||||
<img alt="<?php _e( 'Code is Poetry' ); ?>" src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1210 48"><path fill="#000" d="M65.875 39.875c2.583-5.333 5-9.333 7.25-12H.25v-5.25h72.875c-2.25-2.667-4.667-6.667-7.25-12h4.375c5.25 6.083 10.75 10.583 16.5 13.5v2.25c-5.75 2.833-11.25 7.333-16.5 13.5h-4.375zM1035.34 26.834c-.12 1.365-.63 2.432-1.51 3.2-.88.76-2.04 1.142-3.5 1.142-1.02 0-1.92-.24-2.7-.72-.78-.487-1.37-1.176-1.79-2.066-.43-.891-.65-1.925-.66-3.103v-1.195c0-1.207.21-2.27.64-3.19.43-.92 1.04-1.63 1.83-2.128.81-.498 1.73-.747 2.78-.747 1.41 0 2.55.384 3.41 1.152.86.767 1.36 1.851 1.5 3.252h-2.21c-.11-.92-.37-1.582-.81-1.987-.43-.41-1.06-.615-1.89-.615-.96 0-1.71.355-2.23 1.064-.52.703-.78 1.737-.79 3.102v1.134c0 1.383.24 2.437.74 3.164.49.727 1.22 1.09 2.18 1.09.87 0 1.53-.197 1.97-.59.43-.392.71-1.045.83-1.959h2.21zm14.01-1.898c0 1.253-.21 2.355-.65 3.304-.43.944-1.05 1.67-1.86 2.18-.8.504-1.73.756-2.78.756-1.04 0-1.96-.252-2.78-.756-.8-.51-1.43-1.234-1.88-2.171-.44-.938-.66-2.018-.66-3.243v-.72c0-1.249.22-2.35.65-3.306.45-.955 1.07-1.684 1.88-2.188.81-.51 1.73-.765 2.77-.765 1.05 0 1.97.252 2.77.756.81.498 1.44 1.219 1.87 2.162.44.938.67 2.03.67 3.279v.712zm-2.22-.668c0-1.418-.27-2.505-.81-3.261-.53-.756-1.29-1.134-2.28-1.134-.96 0-1.71.378-2.25 1.134-.54.75-.82 1.813-.83 3.19v.739c0 1.406.27 2.493.82 3.26.55.768 1.31 1.152 2.28 1.152.99 0 1.74-.375 2.27-1.125s.8-1.846.8-3.287v-.668zm6.24 6.732V18.203h3.78c1.13 0 2.13.252 3 .756a5.138 5.138 0 012.04 2.145c.48.925.72 1.986.72 3.181v.642c0 1.213-.24 2.28-.73 3.199a5.08 5.08 0 01-2.06 2.127c-.89.498-1.92.747-3.07.747h-3.68zm2.22-11.004v9.229h1.45c1.17 0 2.06-.364 2.68-1.09.63-.733.95-1.782.96-3.147v-.712c0-1.388-.3-2.449-.9-3.181-.61-.733-1.48-1.099-2.63-1.099h-1.56zm18.82 5.291h-5.26v3.938h6.14V31h-8.36V18.203h8.3v1.793h-6.08v3.533h5.26v1.758zM1087.53 31h-2.21V18.203h2.21V31zm11.23-3.296c0-.562-.2-.996-.6-1.3-.39-.305-1.11-.613-2.14-.924-1.03-.31-1.85-.656-2.46-1.037-1.16-.732-1.75-1.687-1.75-2.865 0-1.031.42-1.88 1.26-2.549.84-.668 1.94-1.002 3.28-1.002.89 0 1.68.164 2.38.492.7.329 1.25.797 1.64 1.407.4.603.6 1.274.6 2.013h-2.21c0-.669-.21-1.19-.64-1.565-.41-.38-1.01-.571-1.79-.571-.73 0-1.29.155-1.7.466-.39.31-.59.744-.59 1.3 0 .47.21.862.65 1.178.43.31 1.15.615 2.14.914 1 .293 1.8.63 2.4 1.01.6.376 1.05.81 1.33 1.302.28.486.42 1.057.42 1.713 0 1.067-.41 1.916-1.23 2.55-.82.626-1.92.94-3.32.94-.93 0-1.78-.17-2.56-.51-.77-.346-1.38-.82-1.81-1.424-.43-.603-.64-1.306-.64-2.11h2.22c0 .727.24 1.29.72 1.688.48.399 1.17.598 2.07.598.77 0 1.35-.155 1.74-.466.39-.316.59-.732.59-1.248zm14.48-1.459V31h-2.23V18.203h4.9c1.43 0 2.56.372 3.4 1.116.84.745 1.27 1.729 1.27 2.954 0 1.253-.42 2.229-1.24 2.926-.82.697-1.97 1.046-3.46 1.046h-2.64zm0-1.784h2.67c.79 0 1.39-.185 1.81-.554.42-.375.62-.914.62-1.617 0-.691-.21-1.242-.63-1.652-.42-.416-1-.63-1.74-.642h-2.73v4.465zm21.3.475c0 1.253-.22 2.355-.65 3.304-.43.944-1.06 1.67-1.86 2.18-.81.504-1.73.756-2.78.756-1.04 0-1.96-.252-2.78-.756-.81-.51-1.43-1.234-1.88-2.171-.44-.938-.66-2.018-.67-3.243v-.72c0-1.249.22-2.35.66-3.306.45-.955 1.07-1.684 1.87-2.188.81-.51 1.74-.765 2.78-.765 1.04 0 1.97.252 2.77.756.81.498 1.43 1.219 1.87 2.162.44.938.66 2.03.67 3.279v.712zm-2.22-.668c0-1.418-.27-2.505-.81-3.261-.54-.756-1.29-1.134-2.28-1.134-.96 0-1.71.378-2.26 1.134-.54.75-.81 1.813-.82 3.19v.739c0 1.406.27 2.493.81 3.26.55.768 1.32 1.152 2.29 1.152.98 0 1.74-.375 2.27-1.125s.8-1.846.8-3.287v-.668zm13.71 1.02h-5.25v3.937h6.14V31h-8.37V18.203h8.31v1.793h-6.08v3.533h5.25v1.758zm13.92-5.292h-3.99V31h-2.2V19.996h-3.96v-1.793h10.15v1.793zm8.19 6.073h-2.47V31h-2.23V18.203h4.5c1.48 0 2.62.331 3.42.993.8.662 1.21 1.62 1.21 2.874 0 .856-.21 1.574-.63 2.154-.41.574-.98 1.016-1.72 1.327l2.87 5.335V31h-2.38l-2.57-4.93zm-2.47-1.784h2.28c.75 0 1.34-.187 1.76-.562.42-.381.63-.9.63-1.556 0-.686-.19-1.216-.59-1.59-.38-.376-.96-.57-1.74-.58h-2.34v4.288zm14.56-.017l2.94-6.065h2.46l-4.29 8.086V31h-2.23v-4.71l-4.3-8.087h2.47l2.95 6.065z"/><path stroke="#000" stroke-width="2" d="M1008 1h201v46h-201z"/></svg>' ); ?>" />
|
|
||||||
</picture>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="about__header-container">
|
<div class="about__header-container">
|
||||||
|
|
@ -40,10 +37,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="about__header-text">
|
<div class="about__header-text">
|
||||||
<?php _e( 'Sharing your stories has never been easier' ); ?>
|
<?php _e( 'Jazz up your stories in an editor that’s cleaner, crisper, and does more to get out of your way.' ); ?>
|
||||||
</div>
|
|
||||||
<div class="about__header-badge">
|
|
||||||
<img alt="<?php _e( 'New' ); ?>" src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 153 153" width="115"><circle cx="76.5" cy="76.5" r="76.5" fill="#000"/><path fill="#D1CFE4" d="M53.333 86h-2.827L39.769 69.564V86H36.94V64.672h2.828L50.535 81.18V64.67h2.798V86zm26.05-9.858h-9.242V83.7h10.737V86h-13.55V64.672h13.403v2.314h-10.59v6.856h9.243v2.3zm18.596 3.134l.41 2.813.6-2.534 4.219-14.883h2.373l4.116 14.883.586 2.578.454-2.871 3.311-14.59h2.827L111.704 86h-2.563l-4.395-15.542-.337-1.626-.337 1.626L99.517 86h-2.564l-5.156-21.328h2.812l3.37 14.604z"/></svg>' ); ?>" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.5 KiB |
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="181" height="100" xmlns="http://www.w3.org/2000/svg"><rect fill="#F6F7F7" width="14" height="20"/><rect fill="#F0F0F1" x="14" width="14" height="20"/><rect fill="#DCDCDE" x="28" width="14" height="20"/><rect fill="#C3C4C7" x="42" width="14" height="20"/><rect fill="#A7AAAD" x="56" width="14" height="20"/><rect fill="#8C8F93" x="70" width="14" height="20"/><rect fill="#797C81" x="84" width="14" height="20"/><rect fill="#65696F" x="98" width="14" height="20"/><rect fill="#51575D" x="112" width="14" height="20"/><rect fill="#3D4349" x="126" width="14" height="20"/><rect fill="#2D3337" x="140" width="14" height="20"/><rect fill="#1E2327" x="154" width="14" height="20"/><rect fill="#111517" x="168" width="13" height="20"/><rect fill="#F1F6FB" y="20" width="15" height="20"/><rect fill="#7EADE1" x="45" y="20" width="15" height="20"/><rect fill="#3971AC" x="90" y="20" width="15" height="20"/><rect fill="#153956" x="135" y="20" width="15" height="20"/><rect fill="#C8D9EB" x="15" y="20" width="15" height="20"/><rect fill="#5F93CF" x="60" y="20" width="15" height="20"/><rect fill="#2B5E92" x="105" y="20" width="15" height="20"/><rect fill="#0B2638" x="150" y="20" width="15" height="20"/><rect fill="#A5C1E3" x="30" y="20" width="15" height="20"/><rect fill="#4981BF" x="75" y="20" width="15" height="20"/><rect fill="#1F4B74" x="120" y="20" width="15" height="20"/><rect fill="#04131B" x="165" y="20" width="16" height="20"/><rect fill="#FAF0F1" y="40" width="15" height="20"/><rect fill="#EF8788" x="45" y="40" width="15" height="20"/><rect fill="#C6443F" x="90" y="40" width="15" height="20"/><rect fill="#61221F" x="135" y="40" width="15" height="20"/><rect fill="#F3D1D3" x="15" y="40" width="15" height="20"/><rect fill="#E76C6C" x="60" y="40" width="15" height="20"/><rect fill="#A53834" x="105" y="40" width="15" height="20"/><rect fill="#3F1615" x="150" y="40" width="15" height="20"/><rect fill="#F3AFB0" x="30" y="40" width="15" height="20"/><rect fill="#D55A59" x="75" y="40" width="15" height="20"/><rect fill="#7F2C28" x="120" y="40" width="15" height="20"/><rect fill="#210C0B" x="165" y="40" width="16" height="20"/><rect fill="#FCF9EA" y="60" width="15" height="20"/><rect fill="#E9C457" x="45" y="60" width="15" height="20"/><rect fill="#926921" x="90" y="60" width="15" height="20"/><rect fill="#47330B" x="135" y="60" width="15" height="20"/><rect fill="#F3E6B2" x="15" y="60" width="15" height="20"/><rect fill="#D3A73E" x="60" y="60" width="15" height="20"/><rect fill="#705218" x="105" y="60" width="15" height="20"/><rect fill="#332406" x="150" y="60" width="15" height="20"/><rect fill="#EED683" x="30" y="60" width="15" height="20"/><rect fill="#B5872D" x="75" y="60" width="15" height="20"/><rect fill="#5D4312" x="120" y="60" width="15" height="20"/><rect fill="#1F1603" x="165" y="60" width="16" height="20"/><rect fill="#EFF9F0" y="80" width="15" height="20"/><rect fill="#62CB5C" x="45" y="80" width="15" height="20"/><rect fill="#3C8632" x="90" y="80" width="15" height="20"/><rect fill="#1A4315" x="135" y="80" width="15" height="20"/><rect fill="#C1E4C2" x="15" y="80" width="15" height="20"/><rect fill="#53B64B" x="60" y="80" width="15" height="20"/><rect fill="#2F6D26" x="105" y="80" width="15" height="20"/><rect fill="#102F0E" x="150" y="80" width="15" height="20"/><rect fill="#87DA86" x="30" y="80" width="15" height="20"/><rect fill="#48A03E" x="75" y="80" width="15" height="20"/><rect fill="#265A1E" x="120" y="80" width="15" height="20"/><rect fill="#071B07" x="165" y="80" width="16" height="20"/></svg>
|
||||||
|
After Width: | Height: | Size: 3.5 KiB |
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="905" height="20" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="nonzero"><rect fill="#F6F7F7" width="14" height="20"/><rect fill="#F0F0F1" x="14" width="14" height="20"/><rect fill="#DCDCDE" x="28" width="14" height="20"/><rect fill="#C3C4C7" x="42" width="14" height="20"/><rect fill="#A7AAAD" x="56" width="14" height="20"/><rect fill="#8C8F93" x="70" width="14" height="20"/><rect fill="#797C81" x="84" width="14" height="20"/><rect fill="#65696F" x="98" width="14" height="20"/><rect fill="#51575D" x="112" width="14" height="20"/><rect fill="#3D4349" x="126" width="14" height="20"/><rect fill="#2D3337" x="140" width="14" height="20"/><rect fill="#1E2327" x="154" width="14" height="20"/><rect fill="#111517" x="168" width="13" height="20"/><rect fill="#F1F6FB" x="181" width="15" height="20"/><rect fill="#7EADE1" x="226" width="15" height="20"/><rect fill="#3971AC" x="271" width="15" height="20"/><rect fill="#153956" x="316" width="15" height="20"/><rect fill="#C8D9EB" x="196" width="15" height="20"/><rect fill="#5F93CF" x="241" width="15" height="20"/><rect fill="#2B5E92" x="286" width="15" height="20"/><rect fill="#0B2638" x="331" width="15" height="20"/><rect fill="#A5C1E3" x="211" width="15" height="20"/><rect fill="#4981BF" x="256" width="15" height="20"/><rect fill="#1F4B74" x="301" width="15" height="20"/><rect fill="#04131B" x="346" width="16" height="20"/><rect fill="#FAF0F1" x="362" width="15" height="20"/><rect fill="#EF8788" x="407" width="15" height="20"/><rect fill="#C6443F" x="452" width="15" height="20"/><rect fill="#61221F" x="497" width="15" height="20"/><rect fill="#F3D1D3" x="377" width="15" height="20"/><rect fill="#E76C6C" x="422" width="15" height="20"/><rect fill="#A53834" x="467" width="15" height="20"/><rect fill="#3F1615" x="512" width="15" height="20"/><rect fill="#F3AFB0" x="392" width="15" height="20"/><rect fill="#D55A59" x="437" width="15" height="20"/><rect fill="#7F2C28" x="482" width="15" height="20"/><rect fill="#210C0B" x="527" width="16" height="20"/><rect fill="#FCF9EA" x="543" width="15" height="20"/><rect fill="#E9C457" x="588" width="15" height="20"/><rect fill="#926921" x="633" width="15" height="20"/><rect fill="#47330B" x="678" width="15" height="20"/><rect fill="#F3E6B2" x="558" width="15" height="20"/><rect fill="#D3A73E" x="603" width="15" height="20"/><rect fill="#705218" x="648" width="15" height="20"/><rect fill="#332406" x="693" width="15" height="20"/><rect fill="#EED683" x="573" width="15" height="20"/><rect fill="#B5872D" x="618" width="15" height="20"/><rect fill="#5D4312" x="663" width="15" height="20"/><rect fill="#1F1603" x="708" width="16" height="20"/><rect fill="#EFF9F0" x="724" width="15" height="20"/><rect fill="#62CB5C" x="769" width="15" height="20"/><rect fill="#3C8632" x="814" width="15" height="20"/><rect fill="#1A4315" x="859" width="15" height="20"/><rect fill="#C1E4C2" x="739" width="15" height="20"/><rect fill="#53B64B" x="784" width="15" height="20"/><rect fill="#2F6D26" x="829" width="15" height="20"/><rect fill="#102F0E" x="874" width="15" height="20"/><rect fill="#87DA86" x="754" width="15" height="20"/><rect fill="#48A03E" x="799" width="15" height="20"/><rect fill="#265A1E" x="844" width="15" height="20"/><rect fill="#071B07" x="889" width="16" height="20"/></g></svg>
|
||||||
|
After Width: | Height: | Size: 3.3 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 136 KiB |
|
|
@ -19,10 +19,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
|
||||||
|
|
||||||
<div class="about__header">
|
<div class="about__header">
|
||||||
<div class="about__header-image">
|
<div class="about__header-image">
|
||||||
<picture>
|
<img alt="<?php _e( 'Code is Poetry' ); ?>" src="images/about-badge.svg" />
|
||||||
<source media="(max-width: 782px)" srcset="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205 109" width="205"><g fill="none" fill-rule="evenodd"><path fill="#000" fill-rule="nonzero" d="M65.901 108.433c2.546-5.254 4.927-9.195 7.143-11.822H1.246v-5.173h71.798c-2.216-2.627-4.597-6.568-7.143-11.822h4.31c5.173 5.993 10.592 10.427 16.257 13.3v2.217c-5.665 2.791-11.084 7.225-16.256 13.3h-4.31z"/><path fill="#000" fill-rule="nonzero" d="M29.345 26.834c-.129 1.365-.633 2.432-1.512 3.2-.879.76-2.048 1.142-3.507 1.142-1.02 0-1.919-.24-2.698-.72-.773-.487-1.371-1.176-1.793-2.066-.422-.891-.641-1.925-.659-3.103v-1.195c0-1.207.214-2.27.642-3.19.427-.92 1.04-1.63 1.836-2.128.803-.498 1.729-.747 2.778-.747 1.412 0 2.549.384 3.41 1.152.861.767 1.362 1.851 1.503 3.252H27.13c-.105-.92-.375-1.582-.809-1.987-.427-.41-1.057-.615-1.89-.615-.966 0-1.71.355-2.232 1.064-.515.703-.779 1.737-.79 3.102v1.134c0 1.383.245 2.437.738 3.164.498.727 1.224 1.09 2.18 1.09.872 0 1.529-.197 1.968-.59.44-.392.718-1.045.835-1.959h2.215zm14.008-1.898c0 1.253-.217 2.355-.65 3.304-.434.944-1.055 1.67-1.864 2.18-.803.504-1.728.756-2.777.756-1.037 0-1.963-.252-2.777-.756-.809-.51-1.436-1.234-1.881-2.171-.44-.938-.662-2.018-.668-3.243v-.72c0-1.249.22-2.35.659-3.306.445-.955 1.07-1.684 1.872-2.188.809-.51 1.734-.765 2.777-.765 1.043 0 1.966.252 2.769.756.808.498 1.432 1.219 1.872 2.162.44.938.662 2.03.668 3.279v.712zm-2.224-.668c0-1.418-.27-2.505-.808-3.261-.534-.756-1.292-1.134-2.277-1.134-.96 0-1.714.378-2.258 1.134-.54.75-.815 1.813-.827 3.19v.739c0 1.406.273 2.493.818 3.26.55.768 1.312 1.152 2.285 1.152.984 0 1.74-.375 2.267-1.125.534-.75.8-1.846.8-3.287v-.668zM47.368 31V18.203h3.78c1.13 0 2.132.252 3.005.756a5.146 5.146 0 012.039 2.145c.48.925.72 1.986.72 3.181v.642c0 1.213-.243 2.28-.729 3.199a5.057 5.057 0 01-2.065 2.127c-.89.498-1.913.747-3.068.747h-3.682zm2.223-11.004v9.229h1.45c1.167 0 2.06-.364 2.681-1.09.627-.733.947-1.782.958-3.147v-.712c0-1.388-.302-2.449-.905-3.181-.604-.733-1.48-1.099-2.628-1.099h-1.556zm18.816 5.291h-5.256v3.938h6.144V31h-8.368V18.203h8.306v1.793h-6.082v3.533h5.256v1.758zM81.534 31H79.32V18.203h2.215V31zm11.222-3.296c0-.562-.199-.996-.597-1.3-.393-.305-1.105-.613-2.136-.924-1.031-.31-1.852-.656-2.461-1.037-1.166-.732-1.75-1.687-1.75-2.865 0-1.031.42-1.88 1.258-2.549.843-.668 1.936-1.002 3.278-1.002.89 0 1.685.164 2.382.492a3.898 3.898 0 011.643 1.407c.399.603.598 1.274.598 2.013h-2.215c0-.669-.21-1.19-.633-1.565-.416-.38-1.013-.571-1.793-.571-.726 0-1.292.155-1.696.466-.398.31-.598.744-.598 1.3 0 .47.217.862.65 1.178.434.31 1.15.615 2.145.914.996.293 1.796.63 2.4 1.01.603.376 1.046.81 1.327 1.302.281.486.422 1.057.422 1.713 0 1.067-.41 1.916-1.23 2.55-.815.626-1.923.94-3.323.94-.926 0-1.778-.17-2.558-.51-.773-.346-1.376-.82-1.81-1.424-.428-.603-.642-1.306-.642-2.11h2.224c0 .727.24 1.29.72 1.688.481.399 1.17.598 2.066.598.774 0 1.354-.155 1.74-.466.393-.316.59-.732.59-1.248zm14.481-1.459V31h-2.224V18.203h4.896c1.43 0 2.563.372 3.401 1.116.844.745 1.266 1.729 1.266 2.954 0 1.253-.413 2.229-1.239 2.926-.821.697-1.972 1.046-3.454 1.046h-2.646zm0-1.784h2.672c.791 0 1.395-.185 1.811-.554.416-.375.624-.914.624-1.617 0-.691-.211-1.242-.633-1.652-.422-.416-1.002-.63-1.74-.642h-2.734v4.465zm21.303.475c0 1.253-.217 2.355-.65 3.304-.434.944-1.055 1.67-1.864 2.18-.802.504-1.728.756-2.777.756-1.037 0-1.963-.252-2.777-.756-.809-.51-1.436-1.234-1.881-2.171-.44-.938-.662-2.018-.668-3.243v-.72c0-1.249.22-2.35.659-3.306.445-.955 1.069-1.684 1.872-2.188.809-.51 1.734-.765 2.777-.765 1.043 0 1.966.252 2.769.756.809.498 1.433 1.219 1.872 2.162.44.938.662 2.03.668 3.279v.712zm-2.224-.668c0-1.418-.269-2.505-.808-3.261-.533-.756-1.292-1.134-2.277-1.134-.96 0-1.713.378-2.258 1.134-.539.75-.815 1.813-.827 3.19v.739c0 1.406.273 2.493.818 3.26.551.768 1.312 1.152 2.285 1.152.984 0 1.74-.375 2.268-1.125.533-.75.799-1.846.799-3.287v-.668zm13.718 1.02h-5.255v3.937h6.143V31h-8.367V18.203h8.306v1.793h-6.082v3.533h5.255v1.758zm13.92-5.292h-3.99V31h-2.206V19.996h-3.955v-1.793h10.151v1.793zm8.19 6.073h-2.478V31h-2.224V18.203h4.5c1.477 0 2.616.331 3.419.993.803.662 1.204 1.62 1.204 2.874 0 .856-.208 1.574-.624 2.154-.41.574-.984 1.016-1.723 1.327l2.874 5.335V31h-2.381l-2.567-4.93zm-2.478-1.784h2.285c.75 0 1.336-.187 1.758-.562.421-.381.632-.9.632-1.556 0-.686-.196-1.216-.588-1.59-.387-.376-.967-.57-1.741-.58h-2.346v4.288zm14.561-.017l2.945-6.065h2.461l-4.289 8.086V31h-2.233v-4.71l-4.298-8.087h2.47l2.944 6.065z"/><path stroke="#000" stroke-width="2" d="M2 1h201v46H2z"/></g></svg>' ); ?>" />
|
|
||||||
<img alt="<?php _e( 'Code is Poetry' ); ?>" src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1210 48"><path fill="#000" d="M65.875 39.875c2.583-5.333 5-9.333 7.25-12H.25v-5.25h72.875c-2.25-2.667-4.667-6.667-7.25-12h4.375c5.25 6.083 10.75 10.583 16.5 13.5v2.25c-5.75 2.833-11.25 7.333-16.5 13.5h-4.375zM1035.34 26.834c-.12 1.365-.63 2.432-1.51 3.2-.88.76-2.04 1.142-3.5 1.142-1.02 0-1.92-.24-2.7-.72-.78-.487-1.37-1.176-1.79-2.066-.43-.891-.65-1.925-.66-3.103v-1.195c0-1.207.21-2.27.64-3.19.43-.92 1.04-1.63 1.83-2.128.81-.498 1.73-.747 2.78-.747 1.41 0 2.55.384 3.41 1.152.86.767 1.36 1.851 1.5 3.252h-2.21c-.11-.92-.37-1.582-.81-1.987-.43-.41-1.06-.615-1.89-.615-.96 0-1.71.355-2.23 1.064-.52.703-.78 1.737-.79 3.102v1.134c0 1.383.24 2.437.74 3.164.49.727 1.22 1.09 2.18 1.09.87 0 1.53-.197 1.97-.59.43-.392.71-1.045.83-1.959h2.21zm14.01-1.898c0 1.253-.21 2.355-.65 3.304-.43.944-1.05 1.67-1.86 2.18-.8.504-1.73.756-2.78.756-1.04 0-1.96-.252-2.78-.756-.8-.51-1.43-1.234-1.88-2.171-.44-.938-.66-2.018-.66-3.243v-.72c0-1.249.22-2.35.65-3.306.45-.955 1.07-1.684 1.88-2.188.81-.51 1.73-.765 2.77-.765 1.05 0 1.97.252 2.77.756.81.498 1.44 1.219 1.87 2.162.44.938.67 2.03.67 3.279v.712zm-2.22-.668c0-1.418-.27-2.505-.81-3.261-.53-.756-1.29-1.134-2.28-1.134-.96 0-1.71.378-2.25 1.134-.54.75-.82 1.813-.83 3.19v.739c0 1.406.27 2.493.82 3.26.55.768 1.31 1.152 2.28 1.152.99 0 1.74-.375 2.27-1.125s.8-1.846.8-3.287v-.668zm6.24 6.732V18.203h3.78c1.13 0 2.13.252 3 .756a5.138 5.138 0 012.04 2.145c.48.925.72 1.986.72 3.181v.642c0 1.213-.24 2.28-.73 3.199a5.08 5.08 0 01-2.06 2.127c-.89.498-1.92.747-3.07.747h-3.68zm2.22-11.004v9.229h1.45c1.17 0 2.06-.364 2.68-1.09.63-.733.95-1.782.96-3.147v-.712c0-1.388-.3-2.449-.9-3.181-.61-.733-1.48-1.099-2.63-1.099h-1.56zm18.82 5.291h-5.26v3.938h6.14V31h-8.36V18.203h8.3v1.793h-6.08v3.533h5.26v1.758zM1087.53 31h-2.21V18.203h2.21V31zm11.23-3.296c0-.562-.2-.996-.6-1.3-.39-.305-1.11-.613-2.14-.924-1.03-.31-1.85-.656-2.46-1.037-1.16-.732-1.75-1.687-1.75-2.865 0-1.031.42-1.88 1.26-2.549.84-.668 1.94-1.002 3.28-1.002.89 0 1.68.164 2.38.492.7.329 1.25.797 1.64 1.407.4.603.6 1.274.6 2.013h-2.21c0-.669-.21-1.19-.64-1.565-.41-.38-1.01-.571-1.79-.571-.73 0-1.29.155-1.7.466-.39.31-.59.744-.59 1.3 0 .47.21.862.65 1.178.43.31 1.15.615 2.14.914 1 .293 1.8.63 2.4 1.01.6.376 1.05.81 1.33 1.302.28.486.42 1.057.42 1.713 0 1.067-.41 1.916-1.23 2.55-.82.626-1.92.94-3.32.94-.93 0-1.78-.17-2.56-.51-.77-.346-1.38-.82-1.81-1.424-.43-.603-.64-1.306-.64-2.11h2.22c0 .727.24 1.29.72 1.688.48.399 1.17.598 2.07.598.77 0 1.35-.155 1.74-.466.39-.316.59-.732.59-1.248zm14.48-1.459V31h-2.23V18.203h4.9c1.43 0 2.56.372 3.4 1.116.84.745 1.27 1.729 1.27 2.954 0 1.253-.42 2.229-1.24 2.926-.82.697-1.97 1.046-3.46 1.046h-2.64zm0-1.784h2.67c.79 0 1.39-.185 1.81-.554.42-.375.62-.914.62-1.617 0-.691-.21-1.242-.63-1.652-.42-.416-1-.63-1.74-.642h-2.73v4.465zm21.3.475c0 1.253-.22 2.355-.65 3.304-.43.944-1.06 1.67-1.86 2.18-.81.504-1.73.756-2.78.756-1.04 0-1.96-.252-2.78-.756-.81-.51-1.43-1.234-1.88-2.171-.44-.938-.66-2.018-.67-3.243v-.72c0-1.249.22-2.35.66-3.306.45-.955 1.07-1.684 1.87-2.188.81-.51 1.74-.765 2.78-.765 1.04 0 1.97.252 2.77.756.81.498 1.43 1.219 1.87 2.162.44.938.66 2.03.67 3.279v.712zm-2.22-.668c0-1.418-.27-2.505-.81-3.261-.54-.756-1.29-1.134-2.28-1.134-.96 0-1.71.378-2.26 1.134-.54.75-.81 1.813-.82 3.19v.739c0 1.406.27 2.493.81 3.26.55.768 1.32 1.152 2.29 1.152.98 0 1.74-.375 2.27-1.125s.8-1.846.8-3.287v-.668zm13.71 1.02h-5.25v3.937h6.14V31h-8.37V18.203h8.31v1.793h-6.08v3.533h5.25v1.758zm13.92-5.292h-3.99V31h-2.2V19.996h-3.96v-1.793h10.15v1.793zm8.19 6.073h-2.47V31h-2.23V18.203h4.5c1.48 0 2.62.331 3.42.993.8.662 1.21 1.62 1.21 2.874 0 .856-.21 1.574-.63 2.154-.41.574-.98 1.016-1.72 1.327l2.87 5.335V31h-2.38l-2.57-4.93zm-2.47-1.784h2.28c.75 0 1.34-.187 1.76-.562.42-.381.63-.9.63-1.556 0-.686-.19-1.216-.59-1.59-.38-.376-.96-.57-1.74-.58h-2.34v4.288zm14.56-.017l2.94-6.065h2.46l-4.29 8.086V31h-2.23v-4.71l-4.3-8.087h2.47l2.95 6.065z"/><path stroke="#000" stroke-width="2" d="M1008 1h201v46h-201z"/></svg>' ); ?>" />
|
|
||||||
</picture>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="about__header-container">
|
<div class="about__header-container">
|
||||||
|
|
@ -34,10 +31,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="about__header-text">
|
<div class="about__header-text">
|
||||||
<?php _e( 'Sharing your stories has never been easier' ); ?>
|
<?php _e( 'Jazz up your stories in an editor that’s cleaner, crisper, and does more to get out of your way.' ); ?>
|
||||||
</div>
|
|
||||||
<div class="about__header-badge">
|
|
||||||
<img alt="<?php _e( 'New' ); ?>" src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 153 153" width="115"><circle cx="76.5" cy="76.5" r="76.5" fill="#000"/><path fill="#D1CFE4" d="M53.333 86h-2.827L39.769 69.564V86H36.94V64.672h2.828L50.535 81.18V64.67h2.798V86zm26.05-9.858h-9.242V83.7h10.737V86h-13.55V64.672h13.403v2.314h-10.59v6.856h9.243v2.3zm18.596 3.134l.41 2.813.6-2.534 4.219-14.883h2.373l4.116 14.883.586 2.578.454-2.871 3.311-14.59h2.827L111.704 86h-2.563l-4.395-15.542-.337-1.626-.337 1.626L99.517 86h-2.564l-5.156-21.328h2.812l3.37 14.604z"/></svg>' ); ?>" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@
|
||||||
*
|
*
|
||||||
* @global string $wp_version
|
* @global string $wp_version
|
||||||
*/
|
*/
|
||||||
$wp_version = '5.7-beta3-50417';
|
$wp_version = '5.7-beta3-50418';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue