jquery.com: Added logo rotation for corporate members.

Author: scottgonzalez

mu-plugins/jquery.com/jquery-filters.php

@@ -0,0 +1,35 @@
+<?php
+
+add_filter( 'the_content', function( $content ) {
+	$memberPos = strpos( $content, '<!--corporate-members-->');
+	if ( $memberPos === false ) {
+		return $content;
+	}
+
+	$members = json_decode( file_get_contents( GW_RESOURCE_DIR . '/corporate-members.json' ), true );
+	shuffle( $members );
+
+	$memberContent = '<ul class="row" id="corporate-members">';
+	foreach( $members as $index => $member ) {
+
+		// Only show four members at a time
+		if ( $index >= 4 ) {
+			break;
+		}
+
+		$logoUrl = "//jquery.org/resources/members/" .
+			preg_replace( '/[^a-z0-9]/', '', strtolower( $member[ 'name' ] ) ) . ".png";
+		$memberContent .=
+			'<li class="three columns">' .
+				'<a href="' . $member[ 'url' ] . '">' .
+					'<span></span>' .
+					'<img src="' . $logoUrl . '">' .
+				'</a>' .
+			'</li>';
+	}
+	$memberContent .= '</ul>';
+
+	return str_replace( '<!--corporate-members-->', $memberContent, $content );
+} );
+
+?>

themes/jquery.com/style.css

@@ -130,27 +130,25 @@ a,
 	}
 }
 
-#content #whos-using li {
+#content #corporate-members li {
 	background: none;
+	height: 150px;
 }
 
-#whos-using li a {
-	background: url('i/whos-using-sprite.png') 0px 0px no-repeat;
-	display: block;
-	height: 80px;
-	text-indent: -9999px;
-}
-
-#whos-using li a.mediatemple {
-	background-position: 0 -80px;
+#corporate-members span {
+	display: inline-block;
+	height: 100%;
+	vertical-align: middle;
 }
 
-#whos-using li a.maxcdn {
-	background-position: 0 -160px;
+#corporate-members a {
+	float: left;
+	height: 100%;
 }
 
-#whos-using li a.wikipedia {
-	background-position: 0 -240px;
+#corporate-members img {
+	vertical-align: middle;
+	max-height: 150px;
 }
 
 /* Project Tiles */