diff --git a/app/content.json b/app/content.json
new file mode 100644
index 0000000..63b56c3
--- /dev/null
+++ b/app/content.json
@@ -0,0 +1,26 @@
+[
+	{
+		"title": "Diving into Angular 2",
+		"episode": "53",
+		"coverart": "http://assets.libsyn.com/content/9454132",
+		"summary": "Pascal Precht (@PascalPrecht), Senior Software Engineer at Thoughtram & creator of ng-translate, chats with us about the Angular 2 and how developers can get ready today.",
+		"resources": [
+			{
+				"title": "Angular 2",
+				"link": "http://angular.io"
+			},
+			{
+				"title": "TypeScript",
+				"link": "http://www.typescriptlang.org/"
+			},
+			{
+				"title": "Definitely Typed",
+				"link": "https://github.com/DefinitelyTyped"
+			}
+		]
+	},
+	{
+		"title": "53: Diving into Angular 2",
+		"title2": "53: Diving into Angular 2"
+	}
+]
\ No newline at end of file
diff --git a/app/elements/elements.html b/app/elements/elements.html
index 82a3311..6bde329 100755
--- a/app/elements/elements.html
+++ b/app/elements/elements.html
@@ -14,6 +14,8 @@
 <link rel="import" href="../bower_components/iron-pages/iron-pages.html">
 <link rel="import" href="../bower_components/iron-selector/iron-selector.html">
 <link rel="import" href="../bower_components/iron-image/iron-image.html">
+<link rel="import" href="../bower_components/iron-ajax/iron-ajax.html">
+<link rel="import" href="../bower_components/iron-localstorage/iron-localstorage.html">
 
 <!-- Paper elements -->
 <link rel="import" href="../bower_components/paper-drawer-panel/paper-drawer-panel.html">
@@ -37,6 +39,7 @@
 
 <!-- Other public elements -->
 <link rel="import" href="../bower_components/universal-footer/universal-footer.html" />
+<link rel="import" href="../bower_components/podcast-player/podcast-player.html" />
 
 <!-- Add your elements here -->
 <link rel="import" href="../styles/app-theme.html">
@@ -44,5 +47,6 @@
 <link rel="import" href="previous-episodes/previous-episodes.html">
 <link rel="import" href="about-us/about-us.html">
 
+
 <!-- Configure your routes here -->
 <link rel="import" href="routing.html">
diff --git a/app/elements/new-episode/new-episode.html b/app/elements/new-episode/new-episode.html
index 9037d44..6b6b1ed 100644
--- a/app/elements/new-episode/new-episode.html
+++ b/app/elements/new-episode/new-episode.html
@@ -5,22 +5,174 @@
 		:host {
 			height: 100%;
 			width: 100%;
+			display: block;
+			position: relative;
+			font-family: 'Roboto', sans-serif;
+			-webkit-font-smoothing: antialiased;
+			text-rendering: optimizeLegibility;
 		}
+		.playerloc {
+			position: relative;
+			display: block;
+			height: 150px;
+			margin-top: 50px;
+		}
+		podcast-player {
+			position: absolute;
+			bottom: 0;
+		}
+
+		.episode-info h1{
+			color: var(--primary-text-color);
+			font-weight: 100;
+			margin-top: 10px;
+		}
+		.episode-info h5{
+			color: var(--secondary-text-color);
+			font-weight: 100;
+			margin-bottom: 0;
+		}
+
+		.resources {
+			display: block;
+		}
+		.resources h3 {
+			font-weight: 100;
+			font-size: 20px;
+		}
+		.resources paper-material {
+			margin:0;
+		}
+		.resources paper-item {
+			padding: 10px 20px;
+			margin: 1px;
+			color: var(--secondary-text-color);
+		}
+		.resources .item-title {
+			font-weight: 100;
+			font-size: 16sp;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+		.resources .item-link {
+			font-weight: 100;
+			font-size: 14sp;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+		.resources .item-link a {
+			color: var(--secondary-text-color);
+		}
+
+		@media all and (min-width: 0) and (max-width: 600px) {
+			.resources paper-material {
+				width: auto;
+				display: block;
+			}
+			.episode-info {
+				margin: 20px;
+				padding: 10px;
+			}
+			.episode-coverart {
+				width: 80px;
+				height: 80px;
+			}
+			.episode-info h1{
+				font-size: 30px;
+			}
+			.episode-info h5{
+				margin-top: 0;
+			}
+		}
+		@media all and (min-width: 601px) {
+			.resources paper-material {
+				width: 49%;
+				display: inline-block;
+			}
+			.episode-info {
+				margin: 50px;
+				padding: 20px;
+			}
+			.episode-coverart {
+				width: 120px;
+				height: 120px;
+			}
+			.episode-info h1{
+				font-size: 40px;
+			}
+			.episode-info h5{
+				margin-top: 40px;
+			}
+		}
+
 	</style>
 	<template>
-		<h1>New Episode Page</h1>
-		<p>New Episode Page</p>
-		<p>New Episode Page</p>
-		<p>New Episode Page</p>
-		<p>New Episode Page</p>
-		<p>New Episode Page</p>
-		<p>New Episode Page</p>
+		<iron-localstorage name="content" value="{{localstoragecontent}}"></iron-localstorage>
+		<iron-ajax id="contentservice"
+				auto
+				url="http://localhost:3000/content.json"
+				handle-as="json"
+				on-response="_handleContentResponse"></iron-ajax>
+		<paper-material class="episode-info" elevation="1">
+			<div class="titlebar layout horizontal">
+				<div class="flex layout vertical">
+					<h5>Episode <span>{{content.episode}}</span></h5>
+					<h1 class="flex">{{content.title}}</h1>
+				</div>
+				<div>
+					<iron-image class="episode-coverart"	src="{{content.coverart}}" sizing="contain"></iron-image>
+				</div>
+			</div>
+			<div class="summary">
+				<p>{{content.summary}}</p>
+			</div>
+			<div class="layout vertical resources">
+				<div>
+					<h3>Resources</h3>
+				</div>
+				<div class="block">
+					<template is="dom-repeat" items="{{content.resources}}">
+						<paper-material elevation="1">
+							<paper-item>
+								<paper-item-body two-line>
+									<div class="item-title">{{item.title}}</div>
+									<div secondary class="item-link"><a href="{{item.link}}">{{item.link}}</a></div>
+								</paper-item-body>
+							</paper-item>
+						</paper-material>
+					</template>
+				</div>
+			</div>
+		</paper-material>
+		<div class="playerloc">
+			<podcast-player
+				src="https://s3.amazonaws.com/thewebplatform/episode-53_diving-into-angular-2.mp3"
+				name="Diving into Angular 2"
+				coverart="http://assets.libsyn.com/content/9454132"
+  			episode="53"></podcast-player>
+		</div>
 	</template>
 </dom-module>
 <script>
 	( function() {
 		Polymer({
-			is: 'new-episode'
+			is: 'new-episode',
+			properties: {
+				localstoragecontent: {
+					type: Object,
+					observer: '_updateContent'
+				},
+				content: {
+					type: Object,
+					value: []
+				}
+			},
+			_updateContent: function () {
+				this.content = this.localstoragecontent[0];
+			},
+			_handleContentResponse: function (e, detail) {
+				this.localstoragecontent = detail.response;
+			}
 		});
 	})();
-</script>
\ No newline at end of file
+</script>
diff --git a/app/elements/routing.html b/app/elements/routing.html
index 4f8f9b4..3134631 100755
--- a/app/elements/routing.html
+++ b/app/elements/routing.html
@@ -12,7 +12,7 @@
 <script>
   window.addEventListener('WebComponentsReady', function() {
 
-    // We use Page.js for routing. This is a Micro
+		// We use Page.js for routing. This is a Micro
     // client-side router inspired by the Express router
     // More info: https://visionmedia.github.io/page.js/
     page('/', function () {
@@ -36,6 +36,5 @@
     page({
       hashbang: true
     });
-
   });
 </script>
diff --git a/app/episode-53_diving-into-angular-2.mp3 b/app/episode-53_diving-into-angular-2.mp3
new file mode 100644
index 0000000..b19a969
Binary files /dev/null and b/app/episode-53_diving-into-angular-2.mp3 differ
diff --git a/app/index.html b/app/index.html
index 1eb2247..be80f9f 100755
--- a/app/index.html
+++ b/app/index.html
@@ -1,4 +1,4 @@
-<!--
+  <!--
 @license
 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
@@ -57,13 +57,12 @@
 
 <body unresolved class="fullbleed layout vertical">
   <span id="browser-sync-binding"></span>
-  <template is="dom-bind" id="app">
 
+  <template is="dom-bind" id="app">
 		<paper-header-panel main mode="standard" class="tall">
-
 			<!-- Main Toolbar -->
 			<paper-toolbar id="mainToolbar" class="tall layout vertical">
-				
+
 				<span class="flex"></span>
 
 				<!-- Toolbar icons -->
@@ -77,7 +76,7 @@ <h3 class="paper-font-display2 flex center">The Web Platform Today</h3>
 				</div>
 
 				<!-- Tabs in the toolbar -->
-				<paper-tabs attr-for-selected="data-route" selected="{{route}}" class="bottom self-end">
+				<paper-tabs attr-for-selected="data-route" selected="{{route}}" class="middle self-end">
 
 					<paper-tab data-route="new">New Episode</paper-tab>
 					<paper-tab data-route="old">Previous Stuff</paper-tab>
@@ -89,17 +88,17 @@ <h3 class="paper-font-display2 flex center">The Web Platform Today</h3>
 
 			<!-- Main Content -->
 			<div class="content">
-				
+
 				<!-- Tab Data -->
 				<iron-pages attr-for-selected="data-route" selected="{{route}}">
 					<new-episode data-route="new"></new-episode>
 					<previous-episodes data-route="old"></previous-episodes>
 					<about-us data-route="about"></about-us>
 				</iron-pages>
-				
+
 				<!-- Footer -->
 				<universal-footer>
-					
+
 					<div multicol class="credits">
 						<div col center>
 							<div row>
diff --git a/app/scripts/app.js b/app/scripts/app.js
index 72bfca1..bf12aeb 100755
--- a/app/scripts/app.js
+++ b/app/scripts/app.js
@@ -13,7 +13,9 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
   // Grab a reference to our auto-binding template
   // and give it some initial binding values
   // Learn more about auto-binding templates at http://goo.gl/Dx1u2g
-  var app = document.querySelector('#app');
+  var app = document.querySelector('#app'),
+			content = [];
+
 
   app.displayInstalledToast = function() {
     document.querySelector('#caching-complete').show();
@@ -37,5 +39,4 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       drawerPanel.closeDrawer();
     }
   };
-
 })(document);
diff --git a/app/styles/app-theme.html b/app/styles/app-theme.html
index 2fb059d..069b407 100755
--- a/app/styles/app-theme.html
+++ b/app/styles/app-theme.html
@@ -201,10 +201,6 @@
 				left: 0px !important;
 			};
 		}
-
-    iron-pages {
-      padding: 48px 62px;
-    }
 		
 		.multicol.universal-footer [multicol] > [col] {
 			flex: 1;
diff --git a/bower.json b/bower.json
index b0c770a..bbf27f2 100755
--- a/bower.json
+++ b/bower.json
@@ -24,10 +24,13 @@
     "neon-elements": "PolymerElements/neon-elements#1.0.0",
     "page": "visionmedia/page.js#~1.6.3",
     "universal-footer": "*",
-    "podcast-player": "~1.0.1",
+    "podcast-player": "~1.0.5",
     "iron-image": "PolymerElements/iron-image#~1.0.2",
     "paper-tabs": "PolymerElements/paper-tabs#~1.0.1",
-    "paper-button": "PolymerElements/paper-button#~1.0.3"
+    "paper-button": "PolymerElements/paper-button#~1.0.3",
+    "iron-ajax": "PolymerElements/iron-ajax#~1.0.3",
+    "iron-localstorage": "PolymerElements/iron-localstorage#~1.0.4",
+    "paper-item": "PolymerElements/paper-item#~1.0.2"
   },
   "devDependencies": {
     "web-component-tester": "*",