diff --git a/examples/_site/js/phaser-examples.js b/examples/_site/js/phaser-examples.js
index 6b4034da..67083539 100644
--- a/examples/_site/js/phaser-examples.js
+++ b/examples/_site/js/phaser-examples.js
@@ -10,8 +10,16 @@ $(document).ready(function(){
 		var node = '';
 		var laser = '';
 
-		$.each(data, function(dir, files)
+		var directories = Object.keys(data);
+
+		directories.splice(directories.indexOf('basics'), 1);
+		directories.splice(directories.indexOf('games'), 1);
+		directories.sort();
+		directories.unshift('basics', 'games');
+
+		directories.forEach(function(dir)
 		{
+			var files = data[dir];
 			len = Math.floor(files.length / 4) + 1;
 
 			if ((files.length / 4) % 1 == 0)
@@ -75,7 +83,7 @@ $(document).ready(function(){
 		node += '<p>Did you open this html file locally?</p>';
 		node += '<p>It needs to be opened via a web server, or due to browser security permissions<br />it will be unable to load local resources such as images and json data.</p>';
 		node += '<p>Please see our <a href="#">Getting Started guide</a> for details.</p>';
-		
+
 		node += '</div>';
 		node += '</div>';
 
diff --git a/examples/_site/js/phaser-sideview.js b/examples/_site/js/phaser-sideview.js
index 861cfb5e..1c7278b4 100644
--- a/examples/_site/js/phaser-sideview.js
+++ b/examples/_site/js/phaser-sideview.js
@@ -7,8 +7,16 @@ $(document).ready(function(){
 		var i = 0;
 		var node = '';
 
-		$.each(data, function(dir, files)
+		var directories = Object.keys(data);
+
+		directories.splice(directories.indexOf('basics'), 1);
+		directories.splice(directories.indexOf('games'), 1);
+		directories.sort();
+		directories.unshift('basics', 'games');
+
+		directories.forEach(function(dir)
 		{
+			var files = data[dir];
 			node = '<h2>' + dir + '</h2>';
 
 			for (var e = 0; e < files.length; e++)