Adding resources section

Author: prateekjadhwani

app/content.json

@@ -3,7 +3,21 @@
 		"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."
+		"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",

app/elements/new-episode/new-episode.html

@@ -41,6 +41,30 @@
 			width: 120px;
 			height: 120px;
 		}
+		.resources {
+			display: block;
+		}
+		.resources h3 {
+			font-weight: 100;
+			font-size: 20px;
+		}
+		.resources paper-item {
+			display: inline-block;
+			padding: 10px 20px;
+			margin: 1px;
+			color: var(--secondary-text-color);
+		}
+		.resources .item-title {
+			font-weight: 100;
+			font-size: 16sp;
+		}
+		.resources .item-link {
+			font-weight: 100;
+			font-size: 14sp;
+		}
+		.resources .item-link a {
+			color: var(--secondary-text-color);
+		}
 	</style>
 	<template>
 		<iron-localstorage name="content" value="{{localstoragecontent}}"></iron-localstorage>
@@ -62,7 +86,22 @@ <h1 class="flex">{{content.title}}</h1>
 			<div class="summary">
 				<p>{{content.summary}}</p>
 			</div>
-			
+			<div class="layout vertical resources">
+				<div>
+					<h3>Resources</h3>
+				</div>
+				<div class="flex layout horizontal">
+					<template is="dom-repeat" items="{{content.resources}}">
+						
+						<paper-item class="flex">
+							<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>
+					</template>
+				</div>
+			</div>
 		</paper-material>
 		<div class="playerloc">
 			<podcast-player

bower.json

@@ -29,7 +29,8 @@
     "paper-tabs": "PolymerElements/paper-tabs#~1.0.1",
     "paper-button": "PolymerElements/paper-button#~1.0.3",
     "iron-ajax": "PolymerElements/iron-ajax#~1.0.3",
-    "iron-localstorage": "PolymerElements/iron-localstorage#~1.0.4"
+    "iron-localstorage": "PolymerElements/iron-localstorage#~1.0.4",
+    "paper-item": "PolymerElements/paper-item#~1.0.2"
   },
   "devDependencies": {
     "web-component-tester": "*",