Make the order of the index page and processing match the order of the menu.

Author: scottgonzalez

grunt.js

@@ -187,37 +187,6 @@ grunt.registerTask( "build-index", function() {
 		});
 	}
 
-	function getColorData() {
-		var files = grunt.file.expandFiles( "cdn/color/*.js" ),
-			releases = parseReleases( files,
-				/(color\/jquery.color-(\d+\.\d+(?:\.\d+)?[^.]*)(?:\.(min))?\.js)/ ),
-			modes = [ "svg-names", "plus-names" ];
-
-		function addTypes( release ) {
-			release.minified = release.filename.replace( ".js", ".min.js" );
-
-			modes.forEach(function( mode ) {
-				var filename = release.filename.replace( "jquery.color", "jquery.color." + mode ),
-					minFilename = filename.replace( ".js", ".min.js" );
-
-				if ( files.indexOf( "cdn/" + filename ) !== -1 ) {
-					release[ camelCase( mode ) ] = {
-						filename: filename,
-						version: release.version,
-						minified: minFilename
-					};
-				}
-			});
-		}
-
-		releases.forEach( addTypes );
-
-		return {
-			latestStable: getLatestStable( releases ),
-			all: releases
-		};
-	}
-
 	function getMobileData() {
 		var files = grunt.file.expandFiles( "cdn/mobile/*/*.css" ),
 			releases = files.map(function( file ) {
@@ -265,6 +234,37 @@ grunt.registerTask( "build-index", function() {
 		};
 	}
 
+	function getColorData() {
+		var files = grunt.file.expandFiles( "cdn/color/*.js" ),
+			releases = parseReleases( files,
+				/(color\/jquery.color-(\d+\.\d+(?:\.\d+)?[^.]*)(?:\.(min))?\.js)/ ),
+			modes = [ "svg-names", "plus-names" ];
+
+		function addTypes( release ) {
+			release.minified = release.filename.replace( ".js", ".min.js" );
+
+			modes.forEach(function( mode ) {
+				var filename = release.filename.replace( "jquery.color", "jquery.color." + mode ),
+					minFilename = filename.replace( ".js", ".min.js" );
+
+				if ( files.indexOf( "cdn/" + filename ) !== -1 ) {
+					release[ camelCase( mode ) ] = {
+						filename: filename,
+						version: release.version,
+						minified: minFilename
+					};
+				}
+			});
+		}
+
+		releases.forEach( addTypes );
+
+		return {
+			latestStable: getLatestStable( releases ),
+			all: releases
+		};
+	}
+
 	function getQunitData() {
 		var files = grunt.file.expandFiles( "cdn/qunit/*.js" ),
 			releases = parseReleases( files,
@@ -321,8 +321,8 @@ grunt.registerTask( "build-index", function() {
 
 	var data = getCoreData();
 	data.ui = getUiData(),
-	data.color = getColorData();
 	data.mobile = getMobileData();
+	data.color = getColorData();
 	data.qunit = getQunitData();
 
 	grunt.file.write( "dist/wordpress/posts/page/index.html",
@@ -334,12 +334,12 @@ grunt.registerTask( "build-index", function() {
 	grunt.file.write( "dist/wordpress/posts/page/ui.html",
 		Handlebars.compile( grunt.file.read( "templates/ui.hbs" ) )( data ) );
 
-	grunt.file.write( "dist/wordpress/posts/page/color.html",
-		Handlebars.compile( grunt.file.read( "templates/color.hbs" ) )( data ) );
-
 	grunt.file.write( "dist/wordpress/posts/page/mobile.html",
 		Handlebars.compile( grunt.file.read( "templates/mobile.hbs" ) )( data ) );
 
+	grunt.file.write( "dist/wordpress/posts/page/color.html",
+		Handlebars.compile( grunt.file.read( "templates/color.hbs" ) )( data ) );
+
 	grunt.file.write( "dist/wordpress/posts/page/qunit.html",
 		Handlebars.compile( grunt.file.read( "templates/qunit.hbs" ) )( data ) );
 });

templates/index.hbs

@@ -43,15 +43,6 @@
 	{{include "ui-latest"}}
 {{/with}}
 
-{{#with color.latestStable}}
-<h2>jQuery Color</h2>
-<p>
-	Showing the latest stable release for jQuery Color.
-	<a href="/color/">See all versions of jQuery Color</a>.
-</p>
-{{include "color-release"}}
-{{/with}}
-
 {{#with mobile.latestStable}}
 <h2>jQuery Mobile</h2>
 <p>
@@ -63,6 +54,15 @@
 </ul>
 {{/with}}
 
+{{#with color.latestStable}}
+<h2>jQuery Color</h2>
+<p>
+	Showing the latest stable release for jQuery Color.
+	<a href="/color/">See all versions of jQuery Color</a>.
+</p>
+{{include "color-release"}}
+{{/with}}
+
 <h2>QUnit</h2>
 <p>
 	Showing the latest stable release for QUnit.