<!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>[28150] trunk/src: Final about page.</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">
<dt>Revision</dt> <dd><a href="http://core.trac.wordpress.org/changeset/28150">28150</a></dd>
<dt>Author</dt> <dd>nacin</dd>
<dt>Date</dt> <dd>2014-04-16 17:39:18 +0000 (Wed, 16 Apr 2014)</dd>
</dl>
<h3>Log Message</h3>
<pre>Final about page.
props melchoyce, helen, wonderboymusic, nacin, and the illustrious Michael Pick.
fixes <a href="http://core.trac.wordpress.org/ticket/27713">#27713</a>, <a href="http://core.trac.wordpress.org/ticket/27837">#27837</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>
<li><a href="#trunksrcwpincludesjsmediaelementwpplaylistjs">trunk/src/wp-includes/js/mediaelement/wp-playlist.js</a></li>
<li><a href="#trunksrcwpincludesmediaphp">trunk/src/wp-includes/media.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpadminaboutphp"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-admin/about.php (28149 => 28150)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-admin/about.php 2014-04-16 15:25:35 UTC (rev 28149)
+++ trunk/src/wp-admin/about.php 2014-04-16 17:39:18 UTC (rev 28150)
</span><span class="lines">@@ -9,6 +9,8 @@
</span><span class="cx"> /** WordPress Administration Bootstrap */
</span><span class="cx"> require_once( dirname( __FILE__ ) . '/admin.php' );
</span><span class="cx">
</span><ins>+wp_playlist_scripts( 'audio' );
+
</ins><span class="cx"> $title = __( 'About' );
</span><span class="cx">
</span><span class="cx"> list( $display_version ) = explode( '-', $wp_version );
</span><span class="lines">@@ -35,23 +37,28 @@
</span><span class="cx">
</span><span class="cx"> <div class="changelog">
</span><span class="cx"> <div class="about-overview">
</span><del>- <img class="about-overview-img" src="//wordpress.org/images/core/3.9/overview.png?0" />
</del><ins>+ <?php
+ if ( ( $locale = get_locale() ) && 'en_' === substr( $locale, 0, 3 ) ) : ?>
+ <embed src="//v0.wordpress.com/player.swf?v=1.03" type="application/x-shockwave-flash" width="640" height="360" wmode="direct" seamlesstabbing="true" allowfullscreen="true" allowscriptaccess="always" overstretch="true" flashvars="guid=sAiXhCfV&isDynamicSeeking=true" title=""></embed>
+ <?php else : ?>
+ <img class="about-overview-img" src="//s.w.org/images/core/3.9/overview.png?0" />
+ <?php endif; ?>
</ins><span class="cx"> </div>
</span><span class="cx"> <h2 class="about-headline-callout"><?php _e( 'A smoother media editing experience' ); ?></h2>
</span><span class="cx"> <div class="feature-section col three-col">
</span><span class="cx"> <div class="col-1">
</span><del>- <img src="//wordpress.org/images/core/3.9/editor.jpg?0" />
</del><ins>+ <img src="//s.w.org/images/core/3.9/editor.jpg?0" />
</ins><span class="cx"> <h4><?php _e( 'Improved visual editing' ); ?></h4>
</span><span class="cx"> <p><?php _e( 'The updated visual editor has improved speed, accessibility, and mobile support.' );
</span><span class="cx"> echo ' ' . __( 'You can paste into the visual editor from your word processor without wasting time to clean up messy styling. (Yeah, we’re talking about you, Microsoft Word.)' ); ?></p>
</span><span class="cx"> </div>
</span><span class="cx"> <div class="col-2">
</span><del>- <img src="//wordpress.org/images/core/3.9/image.jpg?0" />
</del><ins>+ <img src="//s.w.org/images/core/3.9/image.gif?0" />
</ins><span class="cx"> <h4><?php _e( 'Edit images easily' ); ?></h4>
</span><span class="cx"> <p><?php _e( 'With quicker access to crop and rotation tools, it’s now much easier to edit your images while editing posts. You can also scale images directly in the editor to find just the right fit.' ); ?></p>
</span><span class="cx"> </div>
</span><span class="cx"> <div class="col-3 last-feature">
</span><del>- <img src="//wordpress.org/images/core/3.9/drop.jpg?0" />
</del><ins>+ <img src="//s.w.org/images/core/3.9/drop.jpg?0" />
</ins><span class="cx"> <h4><?php _e( 'Drag and drop your images' ); ?></h4>
</span><span class="cx"> <p><?php _e( 'Uploading your images is easier than ever. Just grab them from your desktop and drop them onto the editor.' ); ?></p>
</span><span class="cx"> </div>
</span><span class="lines">@@ -61,12 +68,101 @@
</span><span class="cx">
</span><span class="cx"> <div class="feature-section col two-col">
</span><span class="cx"> <div class="col-1">
</span><del>- <img src="//wordpress.org/images/core/3.9/gallery.jpg?0" />
</del><ins>+ <img src="//s.w.org/images/core/3.9/gallery.jpg?0" />
</ins><span class="cx"> <h4><?php _e( 'Gallery previews' ); ?></h4>
</span><span class="cx"> <p><?php _e( 'Galleries display a beautiful grid of images right in the editor, just like they do in your published post.' ); ?></p>
</span><span class="cx"> </div>
</span><span class="cx"> <div class="col-2 last-feature">
</span><del>- <img src="//wordpress.org/images/core/3.9/gallery.jpg?0" />
</del><ins>+ <div class="wp-playlist wp-audio-playlist wp-playlist-light">
+ <div class="wp-playlist-current-item"></div>
+ <audio controls="controls" preload="metadata"></audio>
+ <div class="wp-playlist-next"></div>
+ <div class="wp-playlist-prev"></div>
+ <?php
+ $audio_icon_js = esc_js( includes_url( 'images/media/audio.png' ) );
+ $wp_host = '//s.w.org/images/core/3.9/';
+ ?>
+
+ <script type="application/json">{
+ "type":"audio",
+ "tracklist":true,
+ "tracknumbers":true,
+ "images":true,
+ "artists":true,
+ "tracks":[{
+ "src":"<?php echo $wp_host ?>AintMisbehavin.mp3",
+ "type":"audio\/mpeg","title":"Ain't Misbehavin'","caption":"","description":"",
+ "meta":{
+ "artist":"Louis Armstrong & His Orchestra",
+ "album":"78 RPMs & Cylinder Recordings",
+ "genre":"Jazz",
+ "length_formatted":"3:21"
+ },
+ "image":{"src":"//s.w.org/images/core/3.9/louis.jpg","width":308,"height":240},
+ "thumb":{"src":"//s.w.org/images/core/3.9/louis.jpg","width":308,"height":240}
+ },
+ {
+ "src":"<?php echo $wp_host ?>JellyRollMorton-BuddyBoldensBlues.mp3",
+ "type":"audio\/mpeg","title":"Buddy Bolden's Blues","caption":"","description":"",
+ "meta":{
+ "artist":"Jelly Roll Morten",
+ "album":"78 RPMs & Cylinder Recordings",
+ "genre":"Jazz",
+ "length_formatted":"2:09"
+ },
+ "image":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64},
+ "thumb":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64}
+ },
+ {
+ "src":"<?php echo $wp_host ?>DavenportBlues.mp3",
+ "type":"audio\/mpeg","title":"Davenport Blues","caption":"","description":"",
+ "meta":{
+ "artist":"Bix Beiderbecke & His Rhythm Jugglers",
+ "album":"78 RPMs & Cylinder Recordings",
+ "genre":"Jazz",
+ "length_formatted":"2:48"
+ },
+ "image":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64},
+ "thumb":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64}
+ },
+ {
+ "src":"<?php echo $wp_host ?>WolverineBlues.mp3",
+ "type":"audio\/mpeg","title":"Wolverine Blues","caption":"","description":"",
+ "meta":{
+ "artist":"Benny Goodman's Boys",
+ "album":"78 RPMs & Cylinder Recordings",
+ "genre":"Jazz",
+ "length_formatted":"2:55"
+ },
+ "image":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64},
+ "thumb":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64}
+ },
+ {
+ "src":"<?php echo $wp_host ?>Louisiana_Five-Dixie_Blues-1919.mp3",
+ "type":"audio\/mpeg","title":"Dixie Blues","caption":"","description":"",
+ "meta":{
+ "artist":"Louisiana Five",
+ "album":"78 RPMs & Cylinder Recordings",
+ "genre":"Jazz",
+ "length_formatted":"3:01"
+ },
+ "image":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64},
+ "thumb":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64}
+ },
+ {
+ "src":"<?php echo $wp_host ?>Johnny_Hodges_Orchestra-Squaty_Roo-1941.mp3",
+ "type":"audio\/mpeg","title":"Squaty Roo","caption":"","description":"",
+ "meta":{
+ "artist":"Johnny Hodges Orchestra",
+ "album":"78 RPMs & Cylinder Recordings",
+ "genre":"Jazz",
+ "length_formatted":"2:24"
+ },
+ "image":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64},
+ "thumb":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64}
+ }]
+ }</script>
+ </div>
</ins><span class="cx"> <h4><?php _e( 'Do more with audio and video' ); ?></h4>
</span><span class="cx"> <p><?php _e( 'Images have galleries; now we’ve added simple audio and video playlists, so you can showcase your music and clips.' ); ?></p>
</span><span class="cx"> </div>
</span><span class="lines">@@ -78,13 +174,22 @@
</span><span class="cx"> <div class="changelog customize">
</span><span class="cx"> <div class="feature-section col two-col">
</span><span class="cx"> <div>
</span><del>- <img src="//wordpress.org/images/core/3.9/theme.jpg?0" />
</del><ins>+ <?php
+ echo wp_video_shortcode( array(
+ 'mp4' => '//s.w.org/images/core/3.9/widgets.mp4',
+ 'ogv' => '//s.w.org/images/core/3.9/widgets.ogv',
+ 'webm' => '//s.w.org/images/core/3.9/widgets.webm',
+ 'loop' => true,
+ 'autoplay' => true,
+ 'width' => 499
+ ) );
+ ?>
</ins><span class="cx"> <h4><?php _e( 'Live widget and header previews' ); ?></h4>
</span><span class="cx"> <p><?php _e( 'Add, edit, and rearrange your site’s widgets right in the theme customizer. No “save and surprise” — preview your changes live and only save them when you’re ready.' ); ?></p>
</span><span class="cx"> <p><?php _e( 'The improved header image tool also lets you upload, crop, and manage headers while customizing your theme.' ); ?></p>
</span><span class="cx"> </div>
</span><span class="cx"> <div class="last-feature">
</span><del>- <img src="//wordpress.org/images/core/3.9/theme.jpg?0" />
</del><ins>+ <img src="//s.w.org/images/core/3.9/theme.jpg?0" />
</ins><span class="cx"> <h4><?php _e( 'Stunning new theme browser' ); ?></h4>
</span><span class="cx"> <p><?php _e( 'Looking for a new theme should be easy and fun. Lose yourself in the boundless supply of free WordPress.org themes with the beautiful new theme browser.' ); ?></p>
</span><span class="cx"> <?php if ( current_user_can( 'install_themes' ) ) { ?>
</span></span></pre></div>
<a id="trunksrcwpadmincssaboutcss"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-admin/css/about.css (28149 => 28150)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-admin/css/about.css 2014-04-16 15:25:35 UTC (rev 28149)
+++ trunk/src/wp-admin/css/about.css 2014-04-16 17:39:18 UTC (rev 28150)
</span><span class="lines">@@ -175,9 +175,18 @@
</span><span class="cx"> .about-overview {
</span><span class="cx"> margin-top: 40px;
</span><span class="cx"> text-align: center;
</span><del>- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
</del><span class="cx"> }
</span><span class="cx">
</span><ins>+.about-overview .wp-video {
+ margin: 0 auto;
+}
+
+.changelog .wp-playlist .wp-playlist-current-item img {
+ height: 64px;
+ width: auto;
+ max-width: 100%;
+}
+
</ins><span class="cx"> .about-wrap .feature-section {
</span><span class="cx"> margin-top: 40px;
</span><span class="cx"> padding-bottom: 20px;
</span></span></pre></div>
<a id="trunksrcwpincludesjsmediaelementwpplaylistjs"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-includes/js/mediaelement/wp-playlist.js (28149 => 28150)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-includes/js/mediaelement/wp-playlist.js 2014-04-16 15:25:35 UTC (rev 28149)
+++ trunk/src/wp-includes/js/mediaelement/wp-playlist.js 2014-04-16 17:39:18 UTC (rev 28150)
</span><span class="lines">@@ -162,7 +162,7 @@
</span><span class="cx"> });
</span><span class="cx">
</span><span class="cx"> $(document).ready(function () {
</span><del>- if ( ! $( 'body' ).hasClass('wp-admin') ) {
</del><ins>+ if ( ! $( 'body' ).hasClass( 'wp-admin' ) || $( 'body' ).hasClass( 'about-php' ) ) {
</ins><span class="cx"> $('.wp-playlist').each(function () {
</span><span class="cx"> return new WPPlaylistView({ el: this });
</span><span class="cx"> });
</span></span></pre></div>
<a id="trunksrcwpincludesmediaphp"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-includes/media.php (28149 => 28150)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-includes/media.php 2014-04-16 15:25:35 UTC (rev 28149)
+++ trunk/src/wp-includes/media.php 2014-04-16 17:39:18 UTC (rev 28150)
</span><span class="lines">@@ -1139,7 +1139,8 @@
</span><span class="cx"> ?>
</span><span class="cx"> <!--[if lt IE 9]><script>document.createElement('<?php echo esc_js( $type ) ?>');</script><![endif]-->
</span><span class="cx"> <?php
</span><del>- wp_underscore_playlist_templates();
</del><ins>+ add_action( 'wp_footer', 'wp_underscore_playlist_templates', 0 );
+ add_action( 'admin_footer', 'wp_underscore_playlist_templates', 0 );
</ins><span class="cx"> }
</span><span class="cx"> add_action( 'wp_playlist_scripts', 'wp_playlist_scripts' );
</span><span class="cx">
</span></span></pre>
</div>
</div>
</body>
</html>