From ffe23d2f932c56ad5fbfde7173659bf5fa06ff15 Mon Sep 17 00:00:00 2001
From: Helen Hou-Sandi <helen@git.wordpress.org>
Date: Thu, 23 Apr 2015 15:42:24 +0000
Subject: [PATCH] About page: Finalize media for 4.2.

props ocean90, Nao.
fixes #31929.


git-svn-id: https://develop.svn.wordpress.org/trunk@32277 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/about.php     | 23 +++++++----------------
 src/wp-admin/credits.php   |  2 +-
 src/wp-admin/css/about.css | 11 +++++++++--
 3 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/src/wp-admin/about.php b/src/wp-admin/about.php
index 298c145409..57c00d0cd7 100644
--- a/src/wp-admin/about.php
+++ b/src/wp-admin/about.php
@@ -22,7 +22,6 @@ list( $display_version ) = explode( '-', $wp_version );
 
 include( ABSPATH . 'wp-admin/admin-header.php' );
 ?>
-<!--[if lt IE 9]><script>document.createElement('audio');document.createElement('video');</script><![endif]-->
 <div class="wrap about-wrap">
 
 <h1><?php printf( __( 'Welcome to WordPress&nbsp;%s' ), $display_version ); ?></h1>
@@ -42,15 +41,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 </h2>
 
 <div class="headline-feature feature-video">
-	<?php
-		// echo wp_video_shortcode( array(
-		// 	// 'mp4'      => '//s.w.org/images/core/3.9/widgets.mp4',
-		// 	'ogv'      => '//videos.files.wordpress.com/bUdzKMro/wordpress-4-0_fmt1.ogv',
-		// 	// 'webm'     => '//s.w.org/images/core/3.9/widgets.webm',
-		// 	'loop'     => false,
-		// ) );
-	?>
-	<embed type="application/x-shockwave-flash" src="https://v0.wordpress.com/player.swf?v=1.04" width="1000" height="560" wmode="direct" seamlesstabbing="true" allowfullscreen="true" allowscriptaccess="always" overstretch="true" flashvars="guid=bUdzKMro&amp;isDynamicSeeking=true"></embed>
+	<embed type="application/x-shockwave-flash" src="https://v0.wordpress.com/player.swf?v=1.04" width="1000" height="560" wmode="direct" seamlesstabbing="true" allowfullscreen="true" allowscriptaccess="always" overstretch="true" flashvars="guid=e9kH4FzP&amp;isDynamicSeeking=true"></embed>
 </div>
 
 <hr />
@@ -67,13 +58,13 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 	</div>
 
 	<div class="col">
-		<img src="https://cldup.com/xMJ2QCxvcz.jpg" />
+		<img src="//s.w.org/images/core/4.2/press-this.jpg" />
 	</div>
 </div>
 
 <div class="feature-section two-col">
 	<div class="col">
-		<img src="https://cldup.com/q-2svtgKe1.jpg" />
+		<img src="//s.w.org/images/core/4.2/unicode.png" />
 	</div>
 	<div class="col">
 		<h3><?php _e( 'Extended character support' ); ?></h3>
@@ -87,17 +78,17 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 
 <div class="changelog feature-section three-col">
 	<div>
-		<img src="https://cldup.com/LKcPHn8rdr.png" />
+		<img src="//s.w.org/images/core/4.2/theme-switcher.png" />
 		<h3><?php _e( 'Switch themes in the Customizer' ); ?></h3>
 		<p><?php _e( 'Browse and preview your installed themes from the Customizer. Make sure the theme looks great with <em>your</em> content, before it debuts on your site. ' ); ?></p>
 	</div>
 	<div>
-		<img src="https://cldup.com/h0VOskQA1C.png" />
+		<img src="//s.w.org/images/core/4.2/embeds.png" />
 		<h3><?php _e( 'Even more embeds' ); ?></h3>
 		<p><?php _e( 'Paste links from Tumblr.com and Kickstarter and watch them magically appear right in the editor. With every release, your publishing and editing experience get closer together.' ); ?></p>
 	</div>
 	<div class="last-feature">
-		<img src="https://cldup.com/1_8tBZpvva.png" />
+		<img src="//s.w.org/images/core/4.2/plugins.png" />
 		<h3><?php _e( 'Streamlined plugin updates' ); ?></h3>
 		<p><?php _e( 'Goodbye boring loading screen, hello smooth and simple plugin updates. Click <em>Update&nbsp;Now</em> and watch the magic happen.' ); ?></p>
 	</div>
@@ -121,7 +112,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 			<h4><?php _e( 'Shared term splitting' ); ?></h4>
 			<p><?php
 				/* translators: 1: Term splitting guide link */
-				printf( __( 'Terms shared across multiple taxonomies will be split when one of them is updated. Find out more in the <a href="%1$s">Plugin Developer Handbook.</a>' ), 'https://developer.wordpress.org/plugins/taxonomy/working-with-split-terms-in-wp-4-2/' );
+				printf( __( 'Terms shared across multiple taxonomies will be split when one of them is updated. Find out more in the <a href="%1$s">Plugin Developer Handbook</a>.' ), 'https://developer.wordpress.org/plugins/taxonomy/working-with-split-terms-in-wp-4-2/' );
 			?></p>
 
 			<h4><?php _e( 'Complex query ordering' ); ?></h4>
diff --git a/src/wp-admin/credits.php b/src/wp-admin/credits.php
index 200c5a5062..4e160f4eb2 100644
--- a/src/wp-admin/credits.php
+++ b/src/wp-admin/credits.php
@@ -147,7 +147,7 @@ foreach ( $credits['groups'] as $group_slug => $group_data ) {
 				echo '<li class="wp-person" id="wp-person-' . $person_data[2] . '">' . "\n\t";
 				echo '<a href="' . sprintf( $credits['data']['profiles'], $person_data[2] ) . '">';
 				$size = 'compact' == $group_data['type'] ? '30' : '60';
-				echo '<img src="' . $gravatar . $person_data[1] . '?s=' . $size . '" class="gravatar" alt="' . esc_attr( $person_data[0] ) . '" /></a>' . "\n\t";
+				echo '<img src="' . $gravatar . $person_data[1] . '?s=' . $size . '" srcset="' . $gravatar . $person_data[1] . '?s=' . $size * 2 . ' 2x" class="gravatar" alt="' . esc_attr( $person_data[0] ) . '" /></a>' . "\n\t";
 				echo '<a class="web" href="' . sprintf( $credits['data']['profiles'], $person_data[2] ) . '">' . $person_data[0] . "</a>\n\t";
 				if ( ! $compact )
 					echo '<span class="title">' . translate( $person_data[3] ) . "</span>\n";
diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css
index c8d92d2b21..58e7890d94 100644
--- a/src/wp-admin/css/about.css
+++ b/src/wp-admin/css/about.css
@@ -202,13 +202,20 @@
 /* 2.2 - Structure */
 
 .about-wrap .feature-video {
+	position: relative;
 	margin: 40px 0;
+	padding-bottom: 56.25%; /* video is 1280 x 720 */
 	width: 100%;
+	height: 0;
 	text-align: center;
 }
 
-.about-wrap .feature-video .wp-video {
-	margin: 0 auto;
+.about-wrap .feature-video embed {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
 }
 
 .about-wrap .featured-image {