Render characters by calling API

To render the characters, get character names and image locations from
the internal API and render them using an Underscore template.

1 files changed, 24 insertions, 22 deletions

diff --git a/routes/character-images.js b/routes/character-images.js
index 1927b04..dd63c83 100644
--- a/routes/character-images.js
+++ b/routes/character-images.js
@@ -1,28 +1,30 @@
 module.exports = function(req, res) {
 	var data = {};
 	
-	data.character_images = [
-		{
-			image: '/images/characters-sample/homer.png',
-			name: 'Homer'
-		},
-		{
-			image: '/images/characters-sample/marge.png',
-			name: 'Marge'
-		},
-		{
-			image: '/images/characters-sample/lisa.png',
-			name: 'Lisa'
-		},
-		{
-			image: '/images/characters-sample/bart.png',
-			name: 'Bart'
-		},
-		{
-			image: '/images/characters-sample/maggie.png',
-			name: 'Maggie'
-		}
-	];
+	data.character_images = {
+		characters: [
+			{
+				image: '/images/characters-sample/homer.png',
+				name: 'Homer'
+			},
+			{
+				image: '/images/characters-sample/marge.png',
+				name: 'Marge'
+			},
+			{
+				image: '/images/characters-sample/lisa.png',
+				name: 'Lisa'
+			},
+			{
+				image: '/images/characters-sample/bart.png',
+				name: 'Bart'
+			},
+			{
+				image: '/images/characters-sample/maggie.png',
+				name: 'Maggie'
+			}
+		]
+	};
 	
 	res.render('character-images', data);
 };
\ No newline at end of file