About Page: use ReverbNation instead of Cloudup to avoid Ad Blocker cruff with tracking pixels. Adjust the layout accordingly, and improve the layout at smaller breakpoints.

Props melchoyce.
See #34663.

Built from https://develop.svn.wordpress.org/trunk@35834


git-svn-id: http://core.svn.wordpress.org/trunk@35798 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/about.php

@@ -85,23 +85,22 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 				<div class="embed-container">
 					<blockquote data-secret="OcUe7B6Edh" class="wp-embedded-content"><a href="https://make.wordpress.org/core/2015/10/28/new-embeds-feature-in-wordpress-4-4/">New Embeds Feature in WordPress 4.4</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="display:none;" src="https://make.wordpress.org/core/2015/10/28/new-embeds-feature-in-wordpress-4-4/embed/#?secret=OcUe7B6Edh" data-secret="OcUe7B6Edh" width="600" height="338" title="Embedded WordPress Post" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
 				</div>
+			</div>
+			<div class="col">
 				<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>
 			</div>
+		</div>
+
+		<hr />
+
+		<div class="feature-section two-col">
 			<div class="col">
-				<div class="embed-container">
-					<?php
-					$embed2 = get_site_transient( 'about-page-embed-2' );
-					if ( false === $embed2 ) {
-						$embed2 = wp_oembed_get( 'https://cloudup.com/cD3duXiAI5k' );
-						if ( ! $embed2 ) {
-							$embed2 = '{{unknown}}';
-						}
-						set_site_transient( 'about-page-embed-2', $embed2 );
-					}
-					echo '{{unknown}}' !== $embed2 ? $embed2 : '';
-					?>
+				<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>

wp-admin/css/about-rtl.css

@@ -141,6 +141,13 @@
 	margin-left: 4.799999999%;
 	width: 47.6%;
 }
+.about-wrap .feature-section.two-col .col {
+	display: inline-block;
+	float: none;
+	margin-left: 4.799999999%;
+	width: calc( 47.6% - 4px );
+	vertical-align: middle;
+}
 
 .about-wrap .three-col .col {
 	margin-left: 4.999999999%;
@@ -186,6 +193,10 @@
 	text-align: right;
 }
 
+.about-wrap .feature-section.two-col h3 {
+	margin-top: 0;
+}
+
 .about-wrap .feature-list h2 {
 	margin: 30px 0 15px;
 	text-align: center;
@@ -273,10 +284,6 @@
 	text-align: center;
 }
 
-.about-wrap .embed-cloudup iframe {
-	height: 299px;
-}
-
 .about-wrap .embed-container iframe {
 	max-width: 100%;
 }
@@ -498,11 +505,21 @@
 		width: 100%;
 	}
 
+	.about-wrap .feature-section.two-col .col,
 	.about-wrap .three-col .col,
 	.about-wrap .headline-feature .feature-section .col {
 		width: 100% !important;
 		float: none !important;
 	}
+
+	.about-wrap .feature-section.two-col .col:last-of-type {
+		margin-top: 0;
+	}
+
+	.feature-section.under-the-hood.three-col .col,
+	.feature-section.under-the-hood.one-col .col {
+		padding-bottom: 0;
+	}
 }
 
 @media only screen and (max-width: 400px) {

wp-admin/css/about.css

@@ -141,6 +141,13 @@
 	margin-right: 4.799999999%;
 	width: 47.6%;
 }
+.about-wrap .feature-section.two-col .col {
+	display: inline-block;
+	float: none;
+	margin-right: 4.799999999%;
+	width: calc( 47.6% - 4px );
+	vertical-align: middle;
+}
 
 .about-wrap .three-col .col {
 	margin-right: 4.999999999%;
@@ -186,6 +193,10 @@
 	text-align: left;
 }
 
+.about-wrap .feature-section.two-col h3 {
+	margin-top: 0;
+}
+
 .about-wrap .feature-list h2 {
 	margin: 30px 0 15px;
 	text-align: center;
@@ -273,10 +284,6 @@
 	text-align: center;
 }
 
-.about-wrap .embed-cloudup iframe {
-	height: 299px;
-}
-
 .about-wrap .embed-container iframe {
 	max-width: 100%;
 }
@@ -498,11 +505,21 @@
 		width: 100%;
 	}
 
+	.about-wrap .feature-section.two-col .col,
 	.about-wrap .three-col .col,
 	.about-wrap .headline-feature .feature-section .col {
 		width: 100% !important;
 		float: none !important;
 	}
+
+	.about-wrap .feature-section.two-col .col:last-of-type {
+		margin-top: 0;
+	}
+
+	.feature-section.under-the-hood.three-col .col,
+	.feature-section.under-the-hood.one-col .col {
+		padding-bottom: 0;
+	}
 }
 
 @media only screen and (max-width: 400px) {

wp-includes/version.php

@@ -4,7 +4,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '4.5-alpha-35833';
+$wp_version = '4.5-alpha-35834';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.