<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[37169] trunk/src/wp-admin: 4.5 About screen.</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/37169">37169</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/37169","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>azaozz</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2016-04-09 06:22:18 +0000 (Sat, 09 Apr 2016)</dd>
</dl>

<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>4.5 About screen.

Props mikeschroder, melchoyce, ocean90, ryelle, jeremyfelt, Ipstenu, celloexpressions, DrewAPicture.
See <a href="https://core.trac.wordpress.org/ticket/36173">#36173</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadminaboutphp">trunk/src/wp-admin/about.php</a></li>
<li><a href="#trunksrcwpadmincssaboutcss">trunk/src/wp-admin/css/about.css</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpadminaboutphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/about.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/about.php      2016-04-08 21:21:50 UTC (rev 37168)
+++ trunk/src/wp-admin/about.php        2016-04-09 06:22:18 UTC (rev 37169)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,6 +21,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        wp_enqueue_script( 'plugin-install' );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+if ( current_user_can( 'customize' ) ) {
+       wp_enqueue_script( 'customize-loader' );
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> $video_url = 'https://videopress.com/embed/J44FHXvg?hd=true';
</span><span class="cx" style="display: block; padding: 0 10px"> $locale    = str_replace( '_', '-', get_locale() );
</span><span class="cx" style="display: block; padding: 0 10px"> list( $locale ) = explode( '-', $locale );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -39,7 +43,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        <div class="wrap about-wrap">
</span><span class="cx" style="display: block; padding: 0 10px">                <h1><?php printf( __( 'Welcome to WordPress&nbsp;%s' ), $display_version ); ?></h1>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="about-text"><?php printf( __( 'Thank you for updating! WordPress %s makes your site more connected and responsive.' ), $display_version ); ?></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div class="about-text"><?php printf( __( 'Thank you for updating! WordPress %s streamlines your workflow, whether you&#8217;re writing or building your site.' ), $display_version ); ?></div>
</ins><span class="cx" style="display: block; padding: 0 10px">                 <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <h2 class="nav-tab-wrapper wp-clearfix">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -48,139 +52,95 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px">                </h2>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="headline-feature feature-video">
-                       <iframe width="1050" height="591" src="<?php echo esc_url( $video_url ); ?>" frameborder="0" allowfullscreen></iframe>
-                       <script src="https://videopress.com/videopress-iframe.js"></script>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div class="headline-feature feature-video" style="background-color:#191E23;">
+                       <p>Video Here</p>
</ins><span class="cx" style="display: block; padding: 0 10px">                 </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <hr>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="headline-feature feature-section one-col">
-                       <h2><?php _e( 'Twenty Sixteen' ); ?></h2>
-                       <div class="media-container">
-                               <img src="https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-white-smartphone-1x.png 268w, https://s.w.org/images/core/4.4/twenty-sixteen-white-smartphone-2x.png 536w, https://s.w.org/images/core/4.4/twenty-sixteen-white-tablet-1x.png 558w, https://s.w.org/images/core/4.4/twenty-sixteen-white-desktop-1x.png 840w, https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-1x.png 1086w, https://s.w.org/images/core/4.4/twenty-sixteen-white-tablet-2x.png 1116w, https://s.w.org/images/core/4.4/twenty-sixteen-white-desktop-2x.png 1680w, https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-2x.png 2172w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .8), (max-width: 1290px) calc((100vw - 240px) * .8), 840px" />
-                       </div>
-                       <div class="two-col">
-                               <div class="col">
-                                       <h3><?php _e( 'Introducing Twenty Sixteen' ); ?></h3>
-                                       <p><?php _e( 'Our newest default theme, Twenty Sixteen, is a modern take on a classic blog design.' ); ?></p>
-                                       <p><?php _e( 'Twenty Sixteen was built to look great on any device. A fluid grid design, flexible header, fun color schemes, and more, will make your content shine.' ); ?></p>
-                                       <div class="horizontal-image">
-                                               <div class="content">
-                                                       <img class="feature-image horizontal-screen" src="https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-2x.png" alt=""  srcset="https://s.w.org/images/core/4.4/twenty-sixteen-dark-smartphone-1x.png 268w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-smartphone-2x.png 535w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-desktop-1x.png 558w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-1x.png 783w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-desktop-2x.png 1116w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-2x.png 1566w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .5216), (max-width: 1290px) calc((100vw - 240px) * .5216), 548px" />
-                                               </div>
-                                       </div>
-                               </div>
-                               <div class="col feature-image">
-                                       <img class="vertical-screen" src="https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-red-smartphone-1x.png 107w, https://s.w.org/images/core/4.4/twenty-sixteen-red-smartphone-2x.png 214w, https://s.w.org/images/core/4.4/twenty-sixteen-red-desktop-1x.png 252w, https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-1x.png 410w, https://s.w.org/images/core/4.4/twenty-sixteen-red-desktop-2x.png 504w, https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-2x.png 820w" sizes="(max-width: 500px) calc((100vw - 40px) * .32), (max-width: 782px) calc((100vw - 70px) * .32), (max-width: 960px) calc((100vw - 116px) * .24), (max-width: 1290px) calc((100vw - 240px) * .24), 252px" />
-                               </div>
-                       </div>
-               </div>
-
-               <hr />
-
</del><span class="cx" style="display: block; padding: 0 10px">                 <div class="feature-section two-col">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        <h2><?php _e( 'Editing Improvements' ); ?></h2>
</ins><span class="cx" style="display: block; padding: 0 10px">                         <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <div class="media-container">
-                                       <img src="https://s.w.org/images/core/4.4/responsive-devices-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/responsive-devices-smartphone-1x.png 335w, https://s.w.org/images/core/4.4/responsive-devices-desktop-1x.png 500w, https://s.w.org/images/core/4.4/responsive-devices-smartphone-2x.png 670w, https://s.w.org/images/core/4.4/responsive-devices-tablet-1x.png 698w, https://s.w.org/images/core/4.4/responsive-devices-desktop-2x.png 1000w, https://s.w.org/images/core/4.4/responsive-devices-fullsize-1x.png 1200w, https://s.w.org/images/core/4.4/responsive-devices-tablet-2x.png 1396w, https://s.w.org/images/core/4.4/responsive-devices-fullsize-2x.png 2400w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 782px) calc(100vw - 70px), (max-width: 960px) calc((100vw - 116px) * .476), (max-width: 1290px) calc((100vw - 240px) * .476), 500px" />
-                               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <img src="https://cldup.com/klO9vWGiT3.png" />
+                               <h3><?php _e( 'Inline Linking' ); ?></h3>
+                               <p><?php _e( 'Stay focused on your writing with a less distracting interface that keeps you in place and allows you to easily link to your content.' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px">                         </div>
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <h3><?php _e( 'Responsive images' ); ?></h3>
-                               <p><?php _e( 'WordPress now takes a smarter approach to displaying appropriate image sizes on any device, ensuring a perfect fit every time. You don&#8217;t need to do anything to your theme, it just works.' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <img src="https://cldup.com/TE-OBMWHkX.png" />
+                               <h3><?php _e( 'Formatting Shortcuts' ); ?></h3>
+                               <p><?php _e( 'Do you enjoy using formatting shortcuts for lists and headings? Now they&#8217;re even more useful, with horizontal lines and <code>&lt;code&gt;</code>.' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px">                         </div>
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <hr />
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="feature-section two-col">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        <h2><?php _e( 'Customization Improvements' ); ?></h2>
</ins><span class="cx" style="display: block; padding: 0 10px">                         <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <div class="embed-container">
-                                       <blockquote data-secret="OcUe7B6Edh" class="wp-embedded-content"><a href="https://wordpress.org/news/2015/12/clifford/">WordPress 4.4 &ldquo;Clifford&rdquo;</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="display:none;" src="https://wordpress.org/news/2015/12/clifford/embed/#?secret=OcUe7B6Edh" data-secret="OcUe7B6Edh" width="600" height="338" title="<?php esc_attr_e( 'Embedded WordPress Post' ); ?>" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
-                               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <img src="https://cldup.com/0iRJNVbt4G.png" />
+                               <h3><?php _e( 'Live Responsive Previews' ); ?></h3>
+                               <?php
+                               if ( current_user_can( 'customize' ) ) {
+                                       $customize_url = esc_url( admin_url( 'customize.php' ) );
+                                       $customizer_link = sprintf( __( '<a href="%1$s" class="load-customize">%2$s</a>' ), $customize_url, __( 'customizer' ) );
+                               } else {
+                                       $customizer_link = __( 'customizer' );
+                               }
+                               ?>
+                               <p><?php printf( __( 'Make sure your site looks great on all screens! Preview mobile, tablet, and desktop views directly in the %s.' ), $customizer_link ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px">                         </div>
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <h3><?php _e( 'Embed your WordPress content' ); ?></h3>
-                               <p><?php _e( 'Now you can embed your posts on other sites, even other WordPress sites. Simply drop a post URL into the editor and see an instant embed preview, complete with the title, excerpt, and featured image if you&#8217;ve set one. We&#8217;ll even include your site icon and links for comments and sharing.' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <img src="https://cldup.com/HWDA8xR_8G.png" />
+                               <h3><?php _e( 'Custom Logos' ); ?></h3>
+                               <p><?php _e( 'Themes can now support logos for your business or brand.' ); ?>
+                                       <?php
+                                       if ( current_theme_supports( 'custom-logo' ) && current_user_can( 'customize' ) ) {
+                                               printf( __( 'Your theme supports custom logos! Try it out right now in the <a href="%s" class="load-customize">Site Identity</a> section of the customizer.' ), add_query_arg( 'autofocus[section]', 'title_tagline', $customize_url ) );
+                                       } else {
+                                               _e( 'The Twenty Fifteen and Twenty Sixteen themes have been updated to support custom logos, which can be found in the Site Identity section of the Customizer.' );
+                                       }
+                                       ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px">                         </div>
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <hr />
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="feature-section two-col">
-                       <div class="col">
-                               <div class="embed-container embed-reverbnation">
-                                       <iframe width="640" height="150" scrolling="no" frameborder="no" src="https://www.reverbnation.com/widget_code/html_widget/artist_607?widget_id=55&amp;pwc[song_ids]=3731874&amp;pwc[size]=small"></iframe>
-                               </div>
-                       </div>
-                       <div class="col">
-                               <h3><?php _e( 'Even more embed providers' ); ?></h3>
-                               <p><?php _e( 'In addition to post embeds, WordPress 4.4 also adds support for five new oEmbed providers: Cloudup, Reddit&nbsp;Comments, ReverbNation, Speaker&nbsp;Deck, and VideoPress.' ); ?></p>
-                       </div>
-               </div>
-
-               <hr />
-
</del><span class="cx" style="display: block; padding: 0 10px">                 <div class="changelog">
</span><span class="cx" style="display: block; padding: 0 10px">                        <h3><?php _e( 'Under the Hood' ); ?></h3>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <div class="feature-section under-the-hood one-col">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <div class="under-the-hood three-col">
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <h4><?php _e( 'REST API infrastructure' ); ?></h4>
-                                       <div class="two-col-text">
-                                               <p><?php _e( 'Infrastructure for the REST API has been integrated into core, marking a new era in developing with WordPress. The REST API serves to provide developers with a path forward for building and extending RESTful APIs on top of WordPress.' ); ?></p>
-                                               <p><?php
-                                                       if ( current_user_can( 'install_plugins' ) ) {
-                                                               $url_args = array(
-                                                                       'tab'       => 'plugin-information',
-                                                                       'plugin'    => 'rest-api',
-                                                                       'TB_iframe' => true,
-                                                                       'width'     => 600,
-                                                                       'height'    => 550
-                                                               );
-
-                                                               $plugin_link = '<a href="' . esc_url( add_query_arg( $url_args, network_admin_url( 'plugin-install.php' ) ) ) . '" class="thickbox open-plugin-details-modal">WordPress REST API</a>';
-                                                       } else {
-                                                               $plugin_link = '<a href="https://wordpress.org/plugins/rest-api">WordPress REST API</a>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <h4><?php _e( 'Smart Image Resizing' ); ?></h4>
+                                       <p><?php printf( __( 'Generated images now load up to 50&#37; faster with no noticeable quality loss. <a href="%s">It&#8217;s really cool</a>.' ), 'https://make.wordpress.org/core/2016/03/12/performance-improvements-for-images-in-wordpress-4-5/' ); ?></p>
+                               </div>
+                               <div class="col">
+                                       <h4><?php _e( 'Selective Refresh' ); ?></h4>
+                                       <p><?php 
+                                               printf( __( 'The customizer now supports a <a href="%s">comprehensive framework</a> for rendering parts of the preview without rewriting your PHP code in JavaScript.' ), 'https://make.wordpress.org/core/2016/02/16/selective-refresh-in-the-customizer/' );
+                                               if ( current_user_can( 'customize' ) && current_user_can( 'edit_theme_options' ) ) {
+                                                       if ( current_theme_supports( 'menus' ) && ! current_theme_supports( 'customize-selective-refresh-widgets' ) ) {
+                                                               printf( ' ' . __( 'See it in action with <a href="%1$s" class="load-customize">Menus</a>.' ), add_query_arg( 'autofocus[panel]', 'nav_menus', $customize_url ) );
+                                                       } elseif ( current_theme_supports( 'customize-selective-refresh-widgets' ) ) { // If widgets are supported, menus are also because of the menus widget.
+                                                               printf( ' ' . __( 'See it in action with <a href="%1$s" class="load-customize">Menus</a> or <a href="%2$s" class="load-customize">Widgets</a>.' ), add_query_arg( 'autofocus[panel]', 'nav_menus', $customize_url ), add_query_arg( 'autofocus[panel]', 'widgets', $customize_url ) );
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-                                                       /* translators: WordPress REST API plugin link */
-                                                       printf( __( 'Infrastructure is the first part of a multi-stage rollout for the REST API. Inclusion of core endpoints is targeted for an upcoming release. To get a sneak peek of the core endpoints, and for more information on extending the REST API, check out the official %s plugin.' ), $plugin_link );
-                                               ?></p>
-                                       </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         }
+                                       ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px">                                 </div>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                <div class="col">
+                                       <h4><?php _e( 'JavaScript Library Updates' ); ?></h4>
+                                       <p><?php _e( 'jQuery 1.12.3, jQuery Migrate 1.4.0, Backbone 1.2.3, and Underscore 1.8.3 are bundled.' ); ?></p>
+                               </div>
</ins><span class="cx" style="display: block; padding: 0 10px">                         </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <div class="feature-section under-the-hood three-col">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <div class="under-the-hood two-col">
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <h4><?php _e( 'Term meta' ); ?></h4>
-                                       <p><?php
-                                               /* translators: 1: add_term_meta() docs link, 2: get_term_meta() docs link, 3: update_term_meta() docs link */
-                                               printf( __( 'Terms now support metadata, just like posts. See %1$s, %2$s, and %3$s for more information.' ),
-                                                       '<a href="https://developer.wordpress.org/reference/functions/add_term_meta"><code>add_term_meta()</code></a>',
-                                                       '<a href="https://developer.wordpress.org/reference/functions/get_term_meta"><code>get_term_meta()</code></a>',
-                                                       '<a href="https://developer.wordpress.org/reference/functions/update_term_meta"><code>update_term_meta()</code></a>'
-                                        );
-                                       ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <h4><?php _e( 'Script Loader Improvements' ); ?></h4>
+                                       <p><?php printf( __( 'Better support has been added for script header/footer dependencies. New <code><a href="%s">wp_add_inline_script()</a></code> enables adding extra code to registered scripts.' ), 'https://make.wordpress.org/core/2016/03/08/enhanced-script-loader-in-wordpress-4-5/' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px">                                 </div>
</span><span class="cx" style="display: block; padding: 0 10px">                                <div class="col">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <h4><?php _e( 'Comment query improvements' ); ?></h4>
-                                       <p><?php
-                                               /* translators: WP_Comment_Query class name */
-                                               printf( __( 'Comment queries now have cache handling to improve performance. New arguments in %s make crafting robust comment queries simpler.' ), '<code>WP_Comment_Query</code>' );
-                                       ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <h4><?php _e( 'Better Embed Templates' ); ?></h4>
+                                       <p><?php printf( __( 'Embed templates have been split into parts and can be <a href="%s">directly overridden by themes</a> via the template hierarchy.' ), 'https://make.wordpress.org/core/2016/03/11/embeds-changes-in-wordpress-4-5/' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px">                                 </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <div class="col">
-                                       <h4><?php _e( 'Term, comment, and network objects' ); ?></h4>
-                                       <p><?php
-                                               /* translators: 1: WP_Term class name, WP_Comment class name, WP_Network class name */
-                                               printf( __( 'New %1$s, %2$s, and %3$s objects make interacting with terms, comments, and networks more predictable and intuitive in code.' ),
-                                                       '<code>WP_Term</code>',
-                                                       '<code>WP_Comment</code>',
-                                                       '<code>WP_Network</code>'
-                                               );
-                                       ?></p>
-                               </div>
</del><span class="cx" style="display: block; padding: 0 10px">                         </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="return-to-dashboard">
</span></span></pre></div>
<a id="trunksrcwpadmincssaboutcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/about.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/about.css  2016-04-08 21:21:50 UTC (rev 37168)
+++ trunk/src/wp-admin/css/about.css    2016-04-09 06:22:18 UTC (rev 37169)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -101,12 +101,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: 400;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap h2 {
+       margin: 50px 0 1em;
+       font-size: 1.8em;
+       line-height: 1.3;
+       font-weight: 300;
+       text-align: center;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap h3 {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 1.25em 0 .6em;
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 1.25em;
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap .changelog h3 {
+       margin-top: 40px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap h4 {
</span><span class="cx" style="display: block; padding: 0 10px">        color: #23282d;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -137,17 +149,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">        float: left;
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .two-col .col {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: 4.799999999%;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 47.6%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.about-wrap .two-col img {
+       margin-bottom: 1.5em;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .feature-section.two-col .col {
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">        float: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        margin-top: 1em;
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-right: 4.799999999%;
</span><span class="cx" style="display: block; padding: 0 10px">        width: -webkit-calc( 47.6% - 4px );
</span><span class="cx" style="display: block; padding: 0 10px">        width: calc( 47.6% - 4px );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        vertical-align: middle;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ vertical-align: top;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .three-col .col {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -160,6 +179,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap .under-the-hood {
+       clear: both;
+       overflow: hidden;
+}
+
+.about-wrap .under-the-hood:nth-of-type(2n) {
+       margin-top: 3em;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 1.3 - Point Releases */
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .point-releases {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -198,11 +226,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.about-wrap .feature-list h2 {
-       margin: 30px 0 15px;
-       text-align: center;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .feature-section h4 {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 1.4em 0 0.6em 0;
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 1em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -263,25 +286,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.about-wrap .headline-feature .col {
-       width: 65.2%;
-}
-
-.about-wrap .headline-feature .col.feature-image {
-       width: 30%;
-}
-
-.about-wrap .headline-feature .vertical-screen {
-       float: right;
-       margin-left: 40px;
-       max-width: 100%;
-}
-
-.about-wrap .headline-feature .horizontal-screen {
-       margin-top: 20px;
-       max-width: 100%;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .embed-container {
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -294,7 +298,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.about-wrap .feature-section:not(.under-the-hood) .col {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap .feature-section .col {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: 40px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -319,11 +323,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.about-wrap .feature-list.finer-points h4,
-.about-wrap .feature-list.finer-points p {
-       margin-left: 115px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /*------------------------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px">   3.0 - Credits & Freedoms Pages
</span><span class="cx" style="display: block; padding: 0 10px"> ------------------------------------------------------------------------------*/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -416,53 +415,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ------------------------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media screen and ( max-width: 782px ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .about-wrap .feature-section {
-               padding: 0;
-               border-bottom: none;
-       }
-
-       .about-wrap [class$=col] .col {
-               float: none;
-               width: 100%;
-               margin: 40px 0 0;
-               padding: 0 0 40px;
-       }
-
-       .about-wrap .headline-feature {
-               position: relative;
-       }
-
-       .about-wrap .headline-feature .col.feature-image {
-               position: absolute;
-               bottom: 0;
-               right: 0;
-               width: 40%;
-       }
-
-       .about-wrap .headline-feature .horizontal-image {
-               position: relative;
-       }
-
-       .about-wrap .headline-feature .horizontal-image:before {
-               display: block;
-               content: "";
-               width: 100%;
-               padding-top: 80%;
-       }
-
-       .about-wrap .headline-feature .horizontal-image > .content {
-               position: absolute;
-               top: 0;
-               left: 0;
-               right: 0;
-               bottom: 0;
-       }
-
-       .about-wrap .headline-feature .horizontal-image img {
-               position: absolute;
-               bottom: 0;
-       }
-
</del><span class="cx" style="display: block; padding: 0 10px">         .about-wrap .two-col-text {
</span><span class="cx" style="display: block; padding: 0 10px">                -webkit-column-count: 1;
</span><span class="cx" style="display: block; padding: 0 10px">                -moz-column-count: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -473,20 +425,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">                margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-       .about-wrap .feature-list .col {
-               margin: 0;
-               padding: 0;
-               border-bottom: none;
-       }
-
-       .about-wrap .headline-feature .feature-section {
-               max-width: 100%;
-       }
-
-       .about-wrap .feature-list .feature-section {
-               padding: 0 0 40px;
-       }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 500px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -510,31 +448,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">                width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .about-wrap .feature-section.two-col .col,
-       .about-wrap .three-col .col,
-       .about-wrap .headline-feature .feature-section .col {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .about-wrap .two-col .col,
+       .about-wrap .three-col .col {
</ins><span class="cx" style="display: block; padding: 0 10px">                 width: 100% !important;
</span><span class="cx" style="display: block; padding: 0 10px">                float: none !important;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .about-wrap .feature-section.two-col .col:last-of-type {
-               margin-top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .about-wrap .under-the-hood.three-col .col,
+       .about-wrap .under-the-hood.two-col .col,
+       .about-wrap .under-the-hood.one-col .col {
+               margin-bottom: 2em;
+               padding-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .feature-section.under-the-hood.three-col .col,
-       .feature-section.under-the-hood.one-col .col {
-               padding-bottom: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .about-wrap .under-the-hood:nth-of-type(2n) {
+               margin-top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-}
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 400px) {
-       .about-wrap .feature-list svg {
-               margin-top: 15px;
-               height: 65px;
-               width: 65px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .about-wrap .under-the-hood:nth-of-type(2n) h4 {
+               margin-top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .about-wrap .feature-list.finer-points h4,
-       .about-wrap .feature-list.finer-points p {
-               margin-left: 80px;
-       }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre>
</div>
</div>

</body>
</html>